@sap-ux/ui-components 2.1.0 → 2.1.1
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/dist/components/UITranslationInput/UITranslationButton.d.ts +6 -0
- package/dist/components/UITranslationInput/UITranslationButton.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.js +16 -2
- package/dist/components/UITranslationInput/UITranslationButton.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.d.ts +6 -0
- package/dist/components/UITranslationInput/UITranslationInput.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.js +21 -7
- package/dist/components/UITranslationInput/UITranslationInput.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.scss +8 -4
- package/package.json +1 -1
- package/storybook/642.ce702059.iframe.bundle.js +7 -0
- package/storybook/UITranslationInput-story.90c7e487.iframe.bundle.js +1 -0
- package/storybook/iframe.html +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.42e91965.iframe.bundle.js → runtime~main.d417811b.iframe.bundle.js} +1 -1
- package/storybook/642.65c5e69f.iframe.bundle.js +0 -7
- package/storybook/UITranslationInput-story.749bde8b.iframe.bundle.js +0 -1
|
@@ -4,6 +4,12 @@ import './UITranslationInput.scss';
|
|
|
4
4
|
export interface UITranslationButtonProps<T extends TranslationEntry> extends UITranslationProps<T> {
|
|
5
5
|
onUpdateValue?: (value: string) => void;
|
|
6
6
|
suggestion: TranslationSuggest<T>;
|
|
7
|
+
/**
|
|
8
|
+
* Inverted style theme
|
|
9
|
+
*
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
invertedCalloutTheme?: boolean;
|
|
7
13
|
}
|
|
8
14
|
/**
|
|
9
15
|
* Component to render translation button to provide helper callout with i18n generation option.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UITranslationButton.d.ts","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EACR,kBAAkB,EAElB,kBAAkB,EAClB,gBAAgB,EACnB,MAAM,6BAA6B,CAAC;AAIrC,OAAO,2BAA2B,CAAC;AAEnC,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAC/F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"UITranslationButton.d.ts","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EACR,kBAAkB,EAElB,kBAAkB,EAClB,gBAAgB,EACnB,MAAM,6BAA6B,CAAC;AAIrC,OAAO,2BAA2B,CAAC;AAEnC,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,CAAE,SAAQ,kBAAkB,CAAC,CAAC,CAAC;IAC/F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAClC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AA6BD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,gBAAgB,EAAE,OAAO,wBAAwB,CAAC,CAAC,CAAC,KAAG,YA8EpG,CAAC"}
|
|
@@ -52,6 +52,20 @@ require("./UITranslationInput.scss");
|
|
|
52
52
|
const getStringText = (property, strings) => {
|
|
53
53
|
return strings?.[property] ?? '';
|
|
54
54
|
};
|
|
55
|
+
/**
|
|
56
|
+
* Returns the CSS class names for the translation callout component.
|
|
57
|
+
* Adds the base callout class and optionally an inverted theme modifier.
|
|
58
|
+
*
|
|
59
|
+
* @param invertedCalloutTheme - If true, applies the inverted callout theme modifier.
|
|
60
|
+
* @returns A string containing the computed class names.
|
|
61
|
+
*/
|
|
62
|
+
const getCalloutClassNames = (invertedCalloutTheme) => {
|
|
63
|
+
let classNames = ' ui-translatable__callout';
|
|
64
|
+
if (invertedCalloutTheme) {
|
|
65
|
+
classNames += ` ui-translatable__callout--inverted`;
|
|
66
|
+
}
|
|
67
|
+
return classNames;
|
|
68
|
+
};
|
|
55
69
|
/**
|
|
56
70
|
* Component to render translation button to provide helper callout with i18n generation option.
|
|
57
71
|
*
|
|
@@ -59,7 +73,7 @@ const getStringText = (property, strings) => {
|
|
|
59
73
|
* @returns Component to render translation button with callout.
|
|
60
74
|
*/
|
|
61
75
|
const UITranslationButton = (props) => {
|
|
62
|
-
const { id, strings, value, onCreateNewEntry, onUpdateValue, onShowExistingEntry, busy, suggestion } = props;
|
|
76
|
+
const { id, strings, value, onCreateNewEntry, onUpdateValue, onShowExistingEntry, busy, suggestion, invertedCalloutTheme } = props;
|
|
63
77
|
const [calloutVisible, setCalloutVisible] = (0, react_1.useState)(false);
|
|
64
78
|
// Callbacks
|
|
65
79
|
const onToggleCallout = (0, react_1.useCallback)(() => {
|
|
@@ -88,7 +102,7 @@ const UITranslationButton = (props) => {
|
|
|
88
102
|
}, []);
|
|
89
103
|
return (react_1.default.createElement("div", { className: "ui-translatable__button" },
|
|
90
104
|
react_1.default.createElement(UILoadButton_1.UILoadButton, { id: id, disabled: props.disabled ?? false, onClick: onToggleCallout, iconProps: { iconName: suggestion.suggest?.icon ?? Icons_1.UiIcons.World }, title: suggestion.tooltip, busy: busy?.busy, useMinWaitingTime: busy?.useMinWaitingTime }),
|
|
91
|
-
calloutVisible && (react_1.default.createElement(UICallout_1.UICallout, { target: `#${id}`, gapSpace: 5, directionalHint: 5, calloutWidth: 250, calloutMinWidth: 250, beakWidth: 8, isBeakVisible: false, setInitialFocus: true, className:
|
|
105
|
+
calloutVisible && (react_1.default.createElement(UICallout_1.UICallout, { target: `#${id}`, gapSpace: 5, directionalHint: 5, calloutWidth: 250, calloutMinWidth: 250, beakWidth: 8, isBeakVisible: false, setInitialFocus: true, className: getCalloutClassNames(invertedCalloutTheme), onDismiss: () => onToggleCallout(), contentPadding: UICallout_1.UICalloutContentPadding.Standard },
|
|
92
106
|
react_1.default.createElement("div", { className: "ui-translatable__message" },
|
|
93
107
|
suggestion.message,
|
|
94
108
|
react_1.default.createElement("div", { className: "ui-translatable__actions" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UITranslationButton.js","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAErD,0CAA8C;AAC9C,4CAAkE;AAClE,oCAAmC;AAOnC,2EAA+D;AAC/D,iDAA8C;AAE9C,qCAAmC;
|
|
1
|
+
{"version":3,"file":"UITranslationButton.js","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,12 @@ export interface UITranslationInputProps<T extends TranslationEntry> extends ITe
|
|
|
10
10
|
allowedI18nPrefixes?: string[];
|
|
11
11
|
defaultPattern: TranslationTextPattern;
|
|
12
12
|
allowedPatterns: TranslationTextPattern[];
|
|
13
|
+
/**
|
|
14
|
+
* Inverted style theme
|
|
15
|
+
*
|
|
16
|
+
* @default false
|
|
17
|
+
*/
|
|
18
|
+
invertedCalloutTheme?: boolean;
|
|
13
19
|
}
|
|
14
20
|
/**
|
|
15
21
|
* Component to render translation input with button to provide helper callout with i18n generation option.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UITranslationInput.d.ts","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,YAAY,CAAC;AAGpE,OAAO,KAAK,EACR,kBAAkB,EAGlB,UAAU,EACV,sBAAsB,EACtB,gBAAgB,EACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,uBAAuB,EAAoB,MAAM,6BAA6B,CAAC;AAWxF,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,gBAAgB,CAAE,SAAQ,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAC/G,EAAE,EAAE,MAAM,CAAC;IAEX,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAGvB,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAE3C,UAAU,EAAE,MAAM,CAAC;IAEnB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE/B,cAAc,EAAE,sBAAsB,CAAC;IAEvC,eAAe,EAAE,sBAAsB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"UITranslationInput.d.ts","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,YAAY,CAAC;AAGpE,OAAO,KAAK,EACR,kBAAkB,EAGlB,UAAU,EACV,sBAAsB,EACtB,gBAAgB,EACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,uBAAuB,EAAoB,MAAM,6BAA6B,CAAC;AAWxF,MAAM,WAAW,uBAAuB,CAAC,CAAC,SAAS,gBAAgB,CAAE,SAAQ,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAC/G,EAAE,EAAE,MAAM,CAAC;IAEX,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAGvB,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAE3C,UAAU,EAAE,MAAM,CAAC;IAEnB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE/B,cAAc,EAAE,sBAAsB,CAAC;IAEvC,eAAe,EAAE,sBAAsB,EAAE,CAAC;IAC1C;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAiHD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;KAAI,CAAC,SAAS,gBAAgB,4BAClD,uBAAuB,CAAC,CAAC,CAAC,GAClC,YAAY;;;;CAiGd,CAAC"}
|
|
@@ -126,19 +126,33 @@ const getTranslationSuggestion = (props) => {
|
|
|
126
126
|
};
|
|
127
127
|
};
|
|
128
128
|
/**
|
|
129
|
-
*
|
|
129
|
+
* Generates the CSS class names for the translation input component.
|
|
130
130
|
*
|
|
131
|
-
* @param props Component
|
|
132
|
-
* @returns
|
|
131
|
+
* @param props - Component props containing styling options.
|
|
132
|
+
* @returns A string containing the computed class names.
|
|
133
133
|
*/
|
|
134
|
-
const
|
|
135
|
-
const {
|
|
136
|
-
const suggestion = getTranslationSuggestion(props);
|
|
134
|
+
const getClassNames = (props) => {
|
|
135
|
+
const { className, invertedCalloutTheme } = props;
|
|
137
136
|
let classNames = ' ui-translatable__input';
|
|
138
137
|
// Custom external classes
|
|
139
138
|
if (className) {
|
|
140
139
|
classNames += ` ${className}`;
|
|
141
140
|
}
|
|
141
|
+
if (invertedCalloutTheme) {
|
|
142
|
+
classNames += ` ui-translatable--inverted`;
|
|
143
|
+
}
|
|
144
|
+
return classNames;
|
|
145
|
+
};
|
|
146
|
+
/**
|
|
147
|
+
* Component to render translation input with button to provide helper callout with i18n generation option.
|
|
148
|
+
*
|
|
149
|
+
* @param props Component properties.
|
|
150
|
+
* @returns Component to render translation input.
|
|
151
|
+
*/
|
|
152
|
+
const UITranslationInput = (props) => {
|
|
153
|
+
const { id, onChange, value, allowedPatterns, defaultPattern, entries, busy, i18nPrefix, allowedI18nPrefixes, namingConvention, onCreateNewEntry, onShowExistingEntry, disabled, strings, invertedCalloutTheme } = props;
|
|
154
|
+
const suggestion = getTranslationSuggestion(props);
|
|
155
|
+
const classNames = getClassNames(props);
|
|
142
156
|
const onUpdateValue = (0, react_1.useCallback)((newValue) => {
|
|
143
157
|
onChange?.({}, newValue);
|
|
144
158
|
}, [onChange]);
|
|
@@ -156,7 +170,7 @@ const UITranslationInput = (props) => {
|
|
|
156
170
|
}
|
|
157
171
|
}
|
|
158
172
|
const onRenderSuffix = (0, react_1.useCallback)(() => {
|
|
159
|
-
return (react_1.default.createElement(UITranslationButton_1.UITranslationButton, { id: buttonId, value: value, busy: busy, onCreateNewEntry: onCreateNewEntry, onShowExistingEntry: onShowExistingEntry, onUpdateValue: onUpdateValue, disabled: disabled, strings: strings, suggestion: suggestion }));
|
|
173
|
+
return (react_1.default.createElement(UITranslationButton_1.UITranslationButton, { id: buttonId, value: value, busy: busy, onCreateNewEntry: onCreateNewEntry, onShowExistingEntry: onShowExistingEntry, onUpdateValue: onUpdateValue, disabled: disabled, strings: strings, suggestion: suggestion, invertedCalloutTheme: invertedCalloutTheme }));
|
|
160
174
|
}, [
|
|
161
175
|
value,
|
|
162
176
|
allowedPatterns,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UITranslationInput.js","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAE3C,wCAAyC;AAEzC,oCAAmC;AACnC,+DAA4D;AAS5D,2EAAwF;AACxF,6DAM8B;AAC9B,yCAA4D;AAC5D,uDAAgE;
|
|
1
|
+
{"version":3,"file":"UITranslationInput.js","sourceRoot":"","sources":["../../../src/components/UITranslationInput/UITranslationInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,12 +19,16 @@
|
|
|
19
19
|
}
|
|
20
20
|
&__callout {
|
|
21
21
|
border-radius: 4px;
|
|
22
|
-
border: 1px solid var(--vscode-editorWidget-foreground);
|
|
23
|
-
background-color: var(--vscode-editor-foreground);
|
|
24
22
|
.ms-Callout-main {
|
|
25
|
-
color: var(--vscode-editorWidget-background);
|
|
26
23
|
padding: 0;
|
|
27
24
|
}
|
|
25
|
+
&--inverted {
|
|
26
|
+
border: 1px solid var(--vscode-editorWidget-foreground);
|
|
27
|
+
background-color: var(--vscode-editor-foreground);
|
|
28
|
+
.ms-Callout-main {
|
|
29
|
+
color: var(--vscode-editorWidget-background);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
28
32
|
}
|
|
29
33
|
&__message {
|
|
30
34
|
padding: 20px;
|
|
@@ -51,7 +55,7 @@
|
|
|
51
55
|
}
|
|
52
56
|
|
|
53
57
|
.vscode-high-contrast {
|
|
54
|
-
.ui-translatable__callout {
|
|
58
|
+
.ui-translatable__callout--inverted {
|
|
55
59
|
border: 1px solid var(--vscode-editorWidget-border);
|
|
56
60
|
background-color: var(--vscode-editorWidget-background);
|
|
57
61
|
.ms-Callout-main {
|