@sap-ux/ui-components 1.8.0 → 1.8.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/dist/components/Icons.d.ts +139 -139
- package/dist/components/Icons.js +582 -582
- package/dist/components/UIActionCallout/UIActionCallout.d.ts +61 -61
- package/dist/components/UIActionCallout/UIActionCallout.js +63 -63
- package/dist/components/UIActionCallout/UIActionCallout.scss +31 -31
- package/dist/components/UIActionCallout/index.d.ts +1 -1
- package/dist/components/UIActionCallout/index.js +17 -17
- package/dist/components/UIBreadcrumb/UIBreadcrumb.d.ts +23 -23
- package/dist/components/UIBreadcrumb/UIBreadcrumb.js +38 -38
- package/dist/components/UIBreadcrumb/index.d.ts +1 -1
- package/dist/components/UIBreadcrumb/index.js +17 -17
- package/dist/components/UIButton/UIActionButton.d.ts +23 -23
- package/dist/components/UIButton/UIActionButton.js +89 -89
- package/dist/components/UIButton/UIDefaultButton.d.ts +23 -23
- package/dist/components/UIButton/UIDefaultButton.js +229 -229
- package/dist/components/UIButton/UIIconButton.d.ts +37 -37
- package/dist/components/UIButton/UIIconButton.js +106 -106
- package/dist/components/UIButton/UISmallButton.d.ts +34 -34
- package/dist/components/UIButton/UISmallButton.js +115 -115
- package/dist/components/UIButton/UISplitButton.d.ts +36 -36
- package/dist/components/UIButton/UISplitButton.js +71 -71
- package/dist/components/UIButton/index.d.ts +7 -7
- package/dist/components/UIButton/index.js +21 -21
- package/dist/components/UICallout/UICallout.d.ts +37 -37
- package/dist/components/UICallout/UICallout.js +90 -90
- package/dist/components/UICallout/index.d.ts +1 -1
- package/dist/components/UICallout/index.js +17 -17
- package/dist/components/UICheckbox/UICheckbox.d.ts +34 -34
- package/dist/components/UICheckbox/UICheckbox.js +135 -135
- package/dist/components/UICheckbox/index.d.ts +1 -1
- package/dist/components/UICheckbox/index.js +17 -17
- package/dist/components/UIChoiceGroup/UIChoiceGroup.d.ts +28 -28
- package/dist/components/UIChoiceGroup/UIChoiceGroup.js +182 -182
- package/dist/components/UIChoiceGroup/index.d.ts +1 -1
- package/dist/components/UIChoiceGroup/index.js +17 -17
- package/dist/components/UIComboBox/Callout.scss +7 -7
- package/dist/components/UIComboBox/UIComboBox.d.ts +198 -198
- package/dist/components/UIComboBox/UIComboBox.js +516 -516
- package/dist/components/UIComboBox/UIComboBox.scss +268 -268
- package/dist/components/UIComboBox/_mixins.scss +32 -32
- package/dist/components/UIComboBox/index.d.ts +1 -1
- package/dist/components/UIComboBox/index.js +17 -17
- package/dist/components/UIContextualMenu/UIContextualMenu.d.ts +31 -31
- package/dist/components/UIContextualMenu/UIContextualMenu.js +123 -123
- package/dist/components/UIContextualMenu/UIContextualMenu.scss +211 -211
- package/dist/components/UIContextualMenu/UIHighlightMenuOption.d.ts +19 -19
- package/dist/components/UIContextualMenu/UIHighlightMenuOption.js +50 -50
- package/dist/components/UIContextualMenu/UIHighlightMenuOption.scss +23 -23
- package/dist/components/UIContextualMenu/_variables.scss +30 -30
- package/dist/components/UIContextualMenu/index.d.ts +2 -2
- package/dist/components/UIContextualMenu/index.js +18 -18
- package/dist/components/UIDatePicker/UIDatePicker.d.ts +49 -49
- package/dist/components/UIDatePicker/UIDatePicker.js +72 -72
- package/dist/components/UIDatePicker/UIDatePicker.scss +38 -38
- package/dist/components/UIDatePicker/index.d.ts +1 -1
- package/dist/components/UIDatePicker/index.js +17 -17
- package/dist/components/UIDialog/UIDialog.d.ts +116 -116
- package/dist/components/UIDialog/UIDialog.js +279 -279
- package/dist/components/UIDialog/index.d.ts +1 -1
- package/dist/components/UIDialog/index.js +17 -17
- package/dist/components/UIDropdown/UIDropdown.d.ts +90 -90
- package/dist/components/UIDropdown/UIDropdown.js +216 -216
- package/dist/components/UIDropdown/UIDropdown.scss +115 -115
- package/dist/components/UIDropdown/index.d.ts +2 -2
- package/dist/components/UIDropdown/index.js +18 -18
- package/dist/components/UIDropdown/utils.d.ts +8 -8
- package/dist/components/UIDropdown/utils.js +20 -20
- package/dist/components/UIFlexibleTable/RowActions.d.ts +16 -16
- package/dist/components/UIFlexibleTable/RowActions.js +73 -73
- package/dist/components/UIFlexibleTable/RowData.d.ts +16 -16
- package/dist/components/UIFlexibleTable/RowData.js +111 -111
- package/dist/components/UIFlexibleTable/UIFlexibleTable.d.ts +11 -11
- package/dist/components/UIFlexibleTable/UIFlexibleTable.js +280 -280
- package/dist/components/UIFlexibleTable/UIFlexibleTable.scss +433 -433
- package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.d.ts +20 -20
- package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.js +20 -20
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.d.ts +26 -26
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js +165 -165
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.d.ts +20 -20
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.js +19 -19
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.d.ts +15 -15
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.js +28 -28
- package/dist/components/UIFlexibleTable/index.d.ts +5 -5
- package/dist/components/UIFlexibleTable/index.js +21 -21
- package/dist/components/UIFlexibleTable/types.d.ts +142 -142
- package/dist/components/UIFlexibleTable/types.js +14 -14
- package/dist/components/UIFlexibleTable/utils.d.ts +25 -25
- package/dist/components/UIFlexibleTable/utils.js +49 -49
- package/dist/components/UIFocusZone/UIFocusTrapZone.d.ts +22 -22
- package/dist/components/UIFocusZone/UIFocusTrapZone.js +33 -33
- package/dist/components/UIFocusZone/UIFocusZone.d.ts +23 -23
- package/dist/components/UIFocusZone/UIFocusZone.js +35 -35
- package/dist/components/UIFocusZone/index.d.ts +2 -2
- package/dist/components/UIFocusZone/index.js +18 -18
- package/dist/components/UIIcon/UIIcon.d.ts +24 -24
- package/dist/components/UIIcon/UIIcon.js +37 -37
- package/dist/components/UIIcon/UIIcon.scss +3 -3
- package/dist/components/UIIcon/index.d.ts +1 -1
- package/dist/components/UIIcon/index.js +17 -17
- package/dist/components/UIInput/UITextInput.d.ts +48 -48
- package/dist/components/UIInput/UITextInput.js +238 -238
- package/dist/components/UIInput/index.d.ts +1 -1
- package/dist/components/UIInput/index.js +17 -17
- package/dist/components/UILabel/UILabel.d.ts +30 -30
- package/dist/components/UILabel/UILabel.js +64 -64
- package/dist/components/UILabel/index.d.ts +1 -1
- package/dist/components/UILabel/index.js +17 -17
- package/dist/components/UILink/UILink.d.ts +25 -25
- package/dist/components/UILink/UILink.js +71 -71
- package/dist/components/UILink/index.d.ts +1 -1
- package/dist/components/UILink/index.js +17 -17
- package/dist/components/UIList/UIList.d.ts +31 -31
- package/dist/components/UIList/UIList.js +120 -120
- package/dist/components/UIList/UIList.scss +16 -16
- package/dist/components/UIList/index.d.ts +1 -1
- package/dist/components/UIList/index.js +17 -17
- package/dist/components/UILoader/UILoader.d.ts +27 -27
- package/dist/components/UILoader/UILoader.js +78 -78
- package/dist/components/UILoader/UILoader.scss +32 -32
- package/dist/components/UILoader/index.d.ts +1 -1
- package/dist/components/UILoader/index.js +17 -17
- package/dist/components/UIMessageBar/UIMessageBar.d.ts +25 -25
- package/dist/components/UIMessageBar/UIMessageBar.js +56 -56
- package/dist/components/UIMessageBar/index.d.ts +1 -1
- package/dist/components/UIMessageBar/index.js +17 -17
- package/dist/components/UIModal/UIModal.d.ts +23 -23
- package/dist/components/UIModal/UIModal.js +43 -43
- package/dist/components/UIModal/index.d.ts +1 -1
- package/dist/components/UIModal/index.js +17 -17
- package/dist/components/UIOverlay/UIOverlay.d.ts +22 -22
- package/dist/components/UIOverlay/UIOverlay.js +38 -38
- package/dist/components/UIOverlay/index.d.ts +1 -1
- package/dist/components/UIOverlay/index.js +17 -17
- package/dist/components/UIPersona/UIPersona.d.ts +27 -27
- package/dist/components/UIPersona/UIPersona.js +48 -48
- package/dist/components/UIPersona/index.d.ts +1 -1
- package/dist/components/UIPersona/index.js +17 -17
- package/dist/components/UISearchBox/UISearchBox.d.ts +22 -22
- package/dist/components/UISearchBox/UISearchBox.js +153 -153
- package/dist/components/UISearchBox/index.d.ts +3 -3
- package/dist/components/UISearchBox/index.js +17 -17
- package/dist/components/UISection/UISection.d.ts +34 -34
- package/dist/components/UISection/UISection.js +44 -44
- package/dist/components/UISection/UISection.scss +76 -76
- package/dist/components/UISection/UISections.d.ts +249 -249
- package/dist/components/UISection/UISections.js +707 -707
- package/dist/components/UISection/UISections.scss +62 -62
- package/dist/components/UISection/UISplitter.d.ts +96 -96
- package/dist/components/UISection/UISplitter.js +220 -220
- package/dist/components/UISection/UISplitter.scss +212 -212
- package/dist/components/UISection/_mixins.scss +14 -14
- package/dist/components/UISection/_variables.scss +1 -1
- package/dist/components/UISection/index.d.ts +3 -3
- package/dist/components/UISection/index.js +19 -19
- package/dist/components/UISeparator/UISeparator.d.ts +25 -25
- package/dist/components/UISeparator/UISeparator.js +65 -65
- package/dist/components/UISeparator/index.d.ts +1 -1
- package/dist/components/UISeparator/index.js +17 -17
- package/dist/components/UITable/UITable-helper.d.ts +79 -79
- package/dist/components/UITable/UITable-helper.js +259 -259
- package/dist/components/UITable/UITable.d.ts +212 -212
- package/dist/components/UITable/UITable.d.ts.map +1 -1
- package/dist/components/UITable/UITable.js +775 -773
- package/dist/components/UITable/UITable.js.map +1 -1
- package/dist/components/UITable/UITable.scss +194 -194
- package/dist/components/UITable/index.d.ts +2 -2
- package/dist/components/UITable/index.js +18 -18
- package/dist/components/UITable/types.d.ts +77 -77
- package/dist/components/UITable/types.js +28 -28
- package/dist/components/UITabs/UITabs.d.ts +28 -28
- package/dist/components/UITabs/UITabs.js +70 -70
- package/dist/components/UITabs/index.d.ts +1 -1
- package/dist/components/UITabs/index.js +17 -17
- package/dist/components/UIToggle/UIToggle.d.ts +39 -39
- package/dist/components/UIToggle/UIToggle.js +181 -181
- package/dist/components/UIToggle/index.d.ts +1 -1
- package/dist/components/UIToggle/index.js +17 -17
- package/dist/components/UIToggleGroup/UIToggleGroup.d.ts +31 -31
- package/dist/components/UIToggleGroup/UIToggleGroup.js +136 -136
- package/dist/components/UIToggleGroup/UIToggleGroup.scss +13 -13
- package/dist/components/UIToggleGroup/UIToggleGroup.types.d.ts +22 -22
- package/dist/components/UIToggleGroup/UIToggleGroup.types.js +2 -2
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.d.ts +25 -25
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.js +77 -77
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.scss +74 -74
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.d.ts +10 -10
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.js +2 -2
- package/dist/components/UIToggleGroup/UIToggleGroupOption/index.d.ts +2 -2
- package/dist/components/UIToggleGroup/UIToggleGroupOption/index.js +18 -18
- package/dist/components/UIToggleGroup/index.d.ts +2 -2
- package/dist/components/UIToggleGroup/index.js +18 -18
- package/dist/components/UIToolbar/UIToolbar.d.ts +36 -36
- package/dist/components/UIToolbar/UIToolbar.js +104 -104
- package/dist/components/UIToolbar/UIToolbar.scss +48 -48
- package/dist/components/UIToolbar/UIToolbarColumn.d.ts +7 -7
- package/dist/components/UIToolbar/UIToolbarColumn.js +33 -33
- package/dist/components/UIToolbar/UIToolbarDivider.d.ts +27 -27
- package/dist/components/UIToolbar/UIToolbarDivider.js +56 -56
- package/dist/components/UIToolbar/index.d.ts +3 -3
- package/dist/components/UIToolbar/index.js +19 -19
- package/dist/components/UITooltip/UITooltip.d.ts +29 -29
- package/dist/components/UITooltip/UITooltip.js +77 -77
- package/dist/components/UITooltip/UITooltipUtils.d.ts +17 -17
- package/dist/components/UITooltip/UITooltipUtils.js +45 -45
- package/dist/components/UITooltip/index.d.ts +2 -2
- package/dist/components/UITooltip/index.js +18 -18
- package/dist/components/UITranslationInput/UIFormattedText.d.ts +46 -46
- package/dist/components/UITranslationInput/UIFormattedText.js +121 -121
- package/dist/components/UITranslationInput/UILoadButton.d.ts +52 -52
- package/dist/components/UITranslationInput/UILoadButton.js +109 -109
- package/dist/components/UITranslationInput/UILoadButton.scss +14 -14
- package/dist/components/UITranslationInput/UITranslationButton.d.ts +14 -14
- package/dist/components/UITranslationInput/UITranslationButton.js +88 -88
- package/dist/components/UITranslationInput/UITranslationButton.types.d.ts +67 -67
- package/dist/components/UITranslationInput/UITranslationButton.types.js +21 -21
- package/dist/components/UITranslationInput/UITranslationInput.d.ts +25 -25
- package/dist/components/UITranslationInput/UITranslationInput.js +169 -169
- package/dist/components/UITranslationInput/UITranslationInput.scss +40 -40
- package/dist/components/UITranslationInput/UITranslationUtils.d.ts +64 -64
- package/dist/components/UITranslationInput/UITranslationUtils.js +168 -168
- package/dist/components/UITranslationInput/defaults.d.ts +2 -2
- package/dist/components/UITranslationInput/defaults.js +15 -15
- package/dist/components/UITranslationInput/index.d.ts +2 -2
- package/dist/components/UITranslationInput/index.js +18 -18
- package/dist/components/UITreeDropdown/UITreeDropdown.d.ts +265 -265
- package/dist/components/UITreeDropdown/UITreeDropdown.js +661 -661
- package/dist/components/UITreeDropdown/UITreeDropdown.scss +64 -64
- package/dist/components/UITreeDropdown/index.d.ts +1 -1
- package/dist/components/UITreeDropdown/index.js +17 -17
- package/dist/components/UIVerticalDivider/UIVerticalDivider.d.ts +23 -23
- package/dist/components/UIVerticalDivider/UIVerticalDivider.js +41 -41
- package/dist/components/UIVerticalDivider/index.d.ts +1 -1
- package/dist/components/UIVerticalDivider/index.js +17 -17
- package/dist/components/UIVirtualList/UIAutoSizer.d.ts +22 -22
- package/dist/components/UIVirtualList/UIAutoSizer.js +33 -33
- package/dist/components/UIVirtualList/UICellMeasurer.d.ts +23 -23
- package/dist/components/UIVirtualList/UICellMeasurer.js +33 -33
- package/dist/components/UIVirtualList/UIVirtualList.d.ts +43 -43
- package/dist/components/UIVirtualList/UIVirtualList.js +70 -70
- package/dist/components/UIVirtualList/index.d.ts +3 -3
- package/dist/components/UIVirtualList/index.js +19 -19
- package/dist/components/index.d.ts +37 -37
- package/dist/components/index.js +53 -53
- package/dist/helper/ValidationMessage/MessageWrapper.d.ts +17 -17
- package/dist/helper/ValidationMessage/MessageWrapper.js +34 -34
- package/dist/helper/ValidationMessage/MessageWrapper.scss +44 -44
- package/dist/helper/ValidationMessage/index.d.ts +2 -2
- package/dist/helper/ValidationMessage/index.js +18 -18
- package/dist/helper/ValidationMessage/utils.d.ts +31 -31
- package/dist/helper/ValidationMessage/utils.js +121 -121
- package/dist/index.d.ts +2 -2
- package/dist/index.js +18 -18
- package/dist/styles/_mixins.scss +15 -15
- package/dist/styles/_typography.scss +72 -72
- package/dist/styles/_variables.scss +26 -26
- package/dist/styles/ui-components.scss +3 -3
- package/dist/utilities/DeepMerge.d.ts +10 -10
- package/dist/utilities/DeepMerge.js +48 -48
- package/dist/utilities/Focus.d.ts +4 -4
- package/dist/utilities/Focus.js +7 -7
- package/dist/utilities/Id.d.ts +2 -2
- package/dist/utilities/Id.js +5 -5
- package/dist/utilities/Keys.d.ts +2 -2
- package/dist/utilities/Keys.js +5 -5
- package/dist/utilities/index.d.ts +3 -3
- package/dist/utilities/index.js +19 -19
- package/package.json +1 -1
- package/storybook/{308.3ef1252cf4e6f4ea4f87.manager.bundle.js → 275.a8ff63b0ed4a5d620142.manager.bundle.js} +1 -1
- package/storybook/{775.2c32f5dec8245bf06a35.manager.bundle.js → 453.af4e8cc44257a27c435f.manager.bundle.js} +1 -1
- package/storybook/{151.f31eae3b7704470d2f0c.manager.bundle.js → 458.a8cb7c68775e3858b342.manager.bundle.js} +1 -1
- package/storybook/594.4816ff3f4edb5b8b0949.manager.bundle.js +1 -0
- package/storybook/637.173c8d06.iframe.bundle.js +1 -0
- package/storybook/713.ec72f301.iframe.bundle.js +292 -0
- package/storybook/{822.55c0b8c38a0421b3fdcb.manager.bundle.js → 756.edf22bba3c06d7815c54.manager.bundle.js} +8 -8
- package/storybook/{527.5ad8ca17f37f0faebdb5.manager.bundle.js → 966.bc8dd3d7eec539544b33.manager.bundle.js} +1 -1
- package/storybook/{869.9c11e9955598ae6cadd2.manager.bundle.js → 987.81102a5d201c9f5a1528.manager.bundle.js} +1 -1
- package/storybook/iframe.html +17 -17
- package/storybook/index.html +119 -119
- package/storybook/main.4bf0e1ff.iframe.bundle.js +99 -0
- package/storybook/{main.8a2df1189b7472718896.manager.bundle.js → main.73db1398c1704e93ba73.manager.bundle.js} +1 -1
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.ded4beec.iframe.bundle.js → runtime~main.769376b3.iframe.bundle.js} +2 -2
- package/storybook/runtime~main.eabd5638d9f3e40b3501.manager.bundle.js +2 -0
- package/storybook/215.f4718a88.iframe.bundle.js +0 -292
- package/storybook/24.699b5db7d897cafb43de.manager.bundle.js +0 -1
- package/storybook/851.7748d349.iframe.bundle.js +0 -1
- package/storybook/main.3b29bdd5.iframe.bundle.js +0 -99
- package/storybook/runtime~main.3b601f8d200b50936280.manager.bundle.js +0 -2
|
@@ -1,110 +1,110 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.UILoadButton = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const UIButton_1 = require("../UIButton");
|
|
9
|
-
const UILoader_1 = require("../UILoader");
|
|
10
|
-
require("./UILoadButton.scss");
|
|
11
|
-
/**
|
|
12
|
-
* Component to render load button with spin indicator.
|
|
13
|
-
*/
|
|
14
|
-
class UILoadButton extends react_1.default.Component {
|
|
15
|
-
/**
|
|
16
|
-
* Constructor method for load button.
|
|
17
|
-
*
|
|
18
|
-
* @param props Component properties.
|
|
19
|
-
*/
|
|
20
|
-
constructor(props) {
|
|
21
|
-
super(props);
|
|
22
|
-
this.minLoaderTimer = undefined;
|
|
23
|
-
this.state = this.getBusyState(props, {}) || {};
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* Method handles component update to refresh busy state.
|
|
27
|
-
*
|
|
28
|
-
* @param prevProps Component previous properties.
|
|
29
|
-
*/
|
|
30
|
-
componentDidUpdate(prevProps) {
|
|
31
|
-
if (prevProps.busy === this.props.busy) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
const state = this.getBusyState(this.props, this.state);
|
|
35
|
-
if (state) {
|
|
36
|
-
this.setState(state);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
componentWillUnmount() {
|
|
40
|
-
if (this.minLoaderTimer) {
|
|
41
|
-
window.clearTimeout(this.minLoaderTimer);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* Method handles end of minimal waiting time.
|
|
46
|
-
*/
|
|
47
|
-
handleMinWaitingTime() {
|
|
48
|
-
this.minLoaderTimer = undefined;
|
|
49
|
-
if (!this.props.busy) {
|
|
50
|
-
// External busy flag is false, but we were waiting for minimal timeout
|
|
51
|
-
this.setState({
|
|
52
|
-
busy: false
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
/**
|
|
57
|
-
* Method returns latest busy state by checking current state and props.
|
|
58
|
-
*
|
|
59
|
-
* @param props Current props.
|
|
60
|
-
* @param state Current state.
|
|
61
|
-
* @returns Busy state.
|
|
62
|
-
*/
|
|
63
|
-
getBusyState(props, state) {
|
|
64
|
-
let newState;
|
|
65
|
-
if (props.busy !== state.busy) {
|
|
66
|
-
if (!props.busy && !this.minLoaderTimer) {
|
|
67
|
-
newState = {
|
|
68
|
-
busy: false
|
|
69
|
-
};
|
|
70
|
-
}
|
|
71
|
-
else if (props.busy) {
|
|
72
|
-
newState = {
|
|
73
|
-
busy: true
|
|
74
|
-
};
|
|
75
|
-
window.clearTimeout(this.minLoaderTimer);
|
|
76
|
-
if (props.useMinWaitingTime) {
|
|
77
|
-
this.minLoaderTimer = window.setTimeout(this.handleMinWaitingTime.bind(this), this.getMinimalWaitingTime());
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
return newState;
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* Method returns minimal waiting time for loader depending on passed 'useMinWaitingTime' property.
|
|
85
|
-
*
|
|
86
|
-
* @returns Minimal waiting time for busy loader.
|
|
87
|
-
*/
|
|
88
|
-
getMinimalWaitingTime() {
|
|
89
|
-
const { useMinWaitingTime } = this.props;
|
|
90
|
-
return !useMinWaitingTime || typeof useMinWaitingTime === 'boolean' ? 500 : useMinWaitingTime;
|
|
91
|
-
}
|
|
92
|
-
/**
|
|
93
|
-
* Method to render load button component.
|
|
94
|
-
*
|
|
95
|
-
* @returns Load button component.
|
|
96
|
-
*/
|
|
97
|
-
render() {
|
|
98
|
-
const { children } = this.props;
|
|
99
|
-
const { busy } = this.state;
|
|
100
|
-
let { className = '' } = this.props;
|
|
101
|
-
const content = busy ? react_1.default.createElement(UILoader_1.UILoader, { className: 'uiLoaderXSmall', labelPosition: 'right' }) : children;
|
|
102
|
-
if (busy) {
|
|
103
|
-
const busyClassName = 'loading-button';
|
|
104
|
-
className = className ? `${className} ${busyClassName}` : busyClassName;
|
|
105
|
-
}
|
|
106
|
-
return (react_1.default.createElement(UIButton_1.UIIconButton, { ...this.props, onClick: busy ? undefined : this.props.onClick, className: className }, content));
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
exports.UILoadButton = UILoadButton;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.UILoadButton = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const UIButton_1 = require("../UIButton");
|
|
9
|
+
const UILoader_1 = require("../UILoader");
|
|
10
|
+
require("./UILoadButton.scss");
|
|
11
|
+
/**
|
|
12
|
+
* Component to render load button with spin indicator.
|
|
13
|
+
*/
|
|
14
|
+
class UILoadButton extends react_1.default.Component {
|
|
15
|
+
/**
|
|
16
|
+
* Constructor method for load button.
|
|
17
|
+
*
|
|
18
|
+
* @param props Component properties.
|
|
19
|
+
*/
|
|
20
|
+
constructor(props) {
|
|
21
|
+
super(props);
|
|
22
|
+
this.minLoaderTimer = undefined;
|
|
23
|
+
this.state = this.getBusyState(props, {}) || {};
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Method handles component update to refresh busy state.
|
|
27
|
+
*
|
|
28
|
+
* @param prevProps Component previous properties.
|
|
29
|
+
*/
|
|
30
|
+
componentDidUpdate(prevProps) {
|
|
31
|
+
if (prevProps.busy === this.props.busy) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
const state = this.getBusyState(this.props, this.state);
|
|
35
|
+
if (state) {
|
|
36
|
+
this.setState(state);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
componentWillUnmount() {
|
|
40
|
+
if (this.minLoaderTimer) {
|
|
41
|
+
window.clearTimeout(this.minLoaderTimer);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Method handles end of minimal waiting time.
|
|
46
|
+
*/
|
|
47
|
+
handleMinWaitingTime() {
|
|
48
|
+
this.minLoaderTimer = undefined;
|
|
49
|
+
if (!this.props.busy) {
|
|
50
|
+
// External busy flag is false, but we were waiting for minimal timeout
|
|
51
|
+
this.setState({
|
|
52
|
+
busy: false
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Method returns latest busy state by checking current state and props.
|
|
58
|
+
*
|
|
59
|
+
* @param props Current props.
|
|
60
|
+
* @param state Current state.
|
|
61
|
+
* @returns Busy state.
|
|
62
|
+
*/
|
|
63
|
+
getBusyState(props, state) {
|
|
64
|
+
let newState;
|
|
65
|
+
if (props.busy !== state.busy) {
|
|
66
|
+
if (!props.busy && !this.minLoaderTimer) {
|
|
67
|
+
newState = {
|
|
68
|
+
busy: false
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
else if (props.busy) {
|
|
72
|
+
newState = {
|
|
73
|
+
busy: true
|
|
74
|
+
};
|
|
75
|
+
window.clearTimeout(this.minLoaderTimer);
|
|
76
|
+
if (props.useMinWaitingTime) {
|
|
77
|
+
this.minLoaderTimer = window.setTimeout(this.handleMinWaitingTime.bind(this), this.getMinimalWaitingTime());
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
return newState;
|
|
82
|
+
}
|
|
83
|
+
/**
|
|
84
|
+
* Method returns minimal waiting time for loader depending on passed 'useMinWaitingTime' property.
|
|
85
|
+
*
|
|
86
|
+
* @returns Minimal waiting time for busy loader.
|
|
87
|
+
*/
|
|
88
|
+
getMinimalWaitingTime() {
|
|
89
|
+
const { useMinWaitingTime } = this.props;
|
|
90
|
+
return !useMinWaitingTime || typeof useMinWaitingTime === 'boolean' ? 500 : useMinWaitingTime;
|
|
91
|
+
}
|
|
92
|
+
/**
|
|
93
|
+
* Method to render load button component.
|
|
94
|
+
*
|
|
95
|
+
* @returns Load button component.
|
|
96
|
+
*/
|
|
97
|
+
render() {
|
|
98
|
+
const { children } = this.props;
|
|
99
|
+
const { busy } = this.state;
|
|
100
|
+
let { className = '' } = this.props;
|
|
101
|
+
const content = busy ? react_1.default.createElement(UILoader_1.UILoader, { className: 'uiLoaderXSmall', labelPosition: 'right' }) : children;
|
|
102
|
+
if (busy) {
|
|
103
|
+
const busyClassName = 'loading-button';
|
|
104
|
+
className = className ? `${className} ${busyClassName}` : busyClassName;
|
|
105
|
+
}
|
|
106
|
+
return (react_1.default.createElement(UIButton_1.UIIconButton, { ...this.props, onClick: busy ? undefined : this.props.onClick, className: className }, content));
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
exports.UILoadButton = UILoadButton;
|
|
110
110
|
//# sourceMappingURL=UILoadButton.js.map
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
.loading-button {
|
|
2
|
-
position: relative;
|
|
3
|
-
pointer-events: none;
|
|
4
|
-
.ms-Button-icon {
|
|
5
|
-
visibility: hidden;
|
|
6
|
-
}
|
|
7
|
-
.ms-Spinner {
|
|
8
|
-
position: absolute;
|
|
9
|
-
top: 0;
|
|
10
|
-
left: 0;
|
|
11
|
-
bottom: 0;
|
|
12
|
-
right: 0;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
1
|
+
.loading-button {
|
|
2
|
+
position: relative;
|
|
3
|
+
pointer-events: none;
|
|
4
|
+
.ms-Button-icon {
|
|
5
|
+
visibility: hidden;
|
|
6
|
+
}
|
|
7
|
+
.ms-Spinner {
|
|
8
|
+
position: absolute;
|
|
9
|
+
top: 0;
|
|
10
|
+
left: 0;
|
|
11
|
+
bottom: 0;
|
|
12
|
+
right: 0;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import type { ReactElement } from 'react';
|
|
2
|
-
import type { UITranslationProps, TranslationSuggest, TranslationEntry } from './UITranslationButton.types';
|
|
3
|
-
import './UITranslationInput.scss';
|
|
4
|
-
export interface UITranslationButtonProps<T extends TranslationEntry> extends UITranslationProps<T> {
|
|
5
|
-
onUpdateValue?: (value: string) => void;
|
|
6
|
-
suggestion: TranslationSuggest<T>;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Component to render translation button to provide helper callout with i18n generation option.
|
|
10
|
-
*
|
|
11
|
-
* @param props Component properties.
|
|
12
|
-
* @returns Component to render translation button with callout.
|
|
13
|
-
*/
|
|
14
|
-
export declare const UITranslationButton: <T extends TranslationEntry>(props: UITranslationButtonProps<T>) => ReactElement;
|
|
1
|
+
import type { ReactElement } from 'react';
|
|
2
|
+
import type { UITranslationProps, TranslationSuggest, TranslationEntry } from './UITranslationButton.types';
|
|
3
|
+
import './UITranslationInput.scss';
|
|
4
|
+
export interface UITranslationButtonProps<T extends TranslationEntry> extends UITranslationProps<T> {
|
|
5
|
+
onUpdateValue?: (value: string) => void;
|
|
6
|
+
suggestion: TranslationSuggest<T>;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Component to render translation button to provide helper callout with i18n generation option.
|
|
10
|
+
*
|
|
11
|
+
* @param props Component properties.
|
|
12
|
+
* @returns Component to render translation button with callout.
|
|
13
|
+
*/
|
|
14
|
+
export declare const UITranslationButton: <T extends TranslationEntry>(props: UITranslationButtonProps<T>) => ReactElement;
|
|
15
15
|
//# sourceMappingURL=UITranslationButton.d.ts.map
|
|
@@ -1,89 +1,89 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.UITranslationButton = void 0;
|
|
27
|
-
const react_1 = __importStar(require("react"));
|
|
28
|
-
const UIButton_1 = require("../UIButton");
|
|
29
|
-
const UICallout_1 = require("../UICallout");
|
|
30
|
-
const Icons_1 = require("../Icons");
|
|
31
|
-
const UITranslationButton_types_1 = require("./UITranslationButton.types");
|
|
32
|
-
const UILoadButton_1 = require("./UILoadButton");
|
|
33
|
-
require("./UITranslationInput.scss");
|
|
34
|
-
/**
|
|
35
|
-
* Method to resolve button component text strings for passed key.
|
|
36
|
-
* Component has default texts which can be overwritten using property `strings`.
|
|
37
|
-
*
|
|
38
|
-
* @param property Property.
|
|
39
|
-
* @param strings Map with all text properties.
|
|
40
|
-
* @returns Resolved text.
|
|
41
|
-
*/
|
|
42
|
-
const getStringText = (property, strings) => {
|
|
43
|
-
return strings?.[property] || '';
|
|
44
|
-
};
|
|
45
|
-
/**
|
|
46
|
-
* Component to render translation button to provide helper callout with i18n generation option.
|
|
47
|
-
*
|
|
48
|
-
* @param props Component properties.
|
|
49
|
-
* @returns Component to render translation button with callout.
|
|
50
|
-
*/
|
|
51
|
-
const UITranslationButton = (props) => {
|
|
52
|
-
const { id, strings, value, onCreateNewEntry, onUpdateValue, onShowExistingEntry, busy, suggestion } = props;
|
|
53
|
-
const [isCalloutVisible, setCalloutVisible] = (0, react_1.useState)(false);
|
|
54
|
-
// Callbacks
|
|
55
|
-
const onToggleCallout = (0, react_1.useCallback)(() => {
|
|
56
|
-
if (suggestion.suggest?.type === UITranslationButton_types_1.SuggestValueType.Existing) {
|
|
57
|
-
setCalloutVisible(false);
|
|
58
|
-
// Trigger show existing entry callbACK
|
|
59
|
-
onShowExistingEntry?.(suggestion.suggest.entry);
|
|
60
|
-
}
|
|
61
|
-
else {
|
|
62
|
-
setCalloutVisible(!isCalloutVisible);
|
|
63
|
-
}
|
|
64
|
-
}, [isCalloutVisible, suggestion]);
|
|
65
|
-
const onAccept = (0, react_1.useCallback)(() => {
|
|
66
|
-
if (suggestion.suggest) {
|
|
67
|
-
if (suggestion.suggest.type === UITranslationButton_types_1.SuggestValueType.New) {
|
|
68
|
-
onCreateNewEntry?.(suggestion.suggest.entry);
|
|
69
|
-
}
|
|
70
|
-
if (value !== suggestion.suggest.i18n) {
|
|
71
|
-
onUpdateValue?.(suggestion.suggest.i18n || '');
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
setCalloutVisible(false);
|
|
75
|
-
}, [suggestion, onCreateNewEntry, onUpdateValue, value]);
|
|
76
|
-
const onCancel = (0, react_1.useCallback)(() => {
|
|
77
|
-
setCalloutVisible(false);
|
|
78
|
-
}, []);
|
|
79
|
-
return (react_1.default.createElement("div", { className: "ui-translatable__button" },
|
|
80
|
-
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 }),
|
|
81
|
-
isCalloutVisible && (react_1.default.createElement(UICallout_1.UICallout, { target: `#${id}`, gapSpace: 5, directionalHint: 6, calloutWidth: 250, calloutMinWidth: 250, beakWidth: 8, isBeakVisible: false, setInitialFocus: true, className: "ui-translatable__callout", onDismiss: () => onToggleCallout(), contentPadding: UICallout_1.UICalloutContentPadding.Standard },
|
|
82
|
-
react_1.default.createElement("div", { className: "ui-translatable__message" },
|
|
83
|
-
suggestion.message,
|
|
84
|
-
react_1.default.createElement("div", { className: "ui-translatable__actions" },
|
|
85
|
-
react_1.default.createElement(UIButton_1.UIDefaultButton, { id: `${id}-button-action-confirm`, primary: true, onClick: onAccept }, getStringText('acceptButtonLabel', strings)),
|
|
86
|
-
react_1.default.createElement(UIButton_1.UIDefaultButton, { id: `${id}-button-action-cancel`, onClick: onCancel }, getStringText('cancelButtonLabel', strings))))))));
|
|
87
|
-
};
|
|
88
|
-
exports.UITranslationButton = UITranslationButton;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.UITranslationButton = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const UIButton_1 = require("../UIButton");
|
|
29
|
+
const UICallout_1 = require("../UICallout");
|
|
30
|
+
const Icons_1 = require("../Icons");
|
|
31
|
+
const UITranslationButton_types_1 = require("./UITranslationButton.types");
|
|
32
|
+
const UILoadButton_1 = require("./UILoadButton");
|
|
33
|
+
require("./UITranslationInput.scss");
|
|
34
|
+
/**
|
|
35
|
+
* Method to resolve button component text strings for passed key.
|
|
36
|
+
* Component has default texts which can be overwritten using property `strings`.
|
|
37
|
+
*
|
|
38
|
+
* @param property Property.
|
|
39
|
+
* @param strings Map with all text properties.
|
|
40
|
+
* @returns Resolved text.
|
|
41
|
+
*/
|
|
42
|
+
const getStringText = (property, strings) => {
|
|
43
|
+
return strings?.[property] || '';
|
|
44
|
+
};
|
|
45
|
+
/**
|
|
46
|
+
* Component to render translation button to provide helper callout with i18n generation option.
|
|
47
|
+
*
|
|
48
|
+
* @param props Component properties.
|
|
49
|
+
* @returns Component to render translation button with callout.
|
|
50
|
+
*/
|
|
51
|
+
const UITranslationButton = (props) => {
|
|
52
|
+
const { id, strings, value, onCreateNewEntry, onUpdateValue, onShowExistingEntry, busy, suggestion } = props;
|
|
53
|
+
const [isCalloutVisible, setCalloutVisible] = (0, react_1.useState)(false);
|
|
54
|
+
// Callbacks
|
|
55
|
+
const onToggleCallout = (0, react_1.useCallback)(() => {
|
|
56
|
+
if (suggestion.suggest?.type === UITranslationButton_types_1.SuggestValueType.Existing) {
|
|
57
|
+
setCalloutVisible(false);
|
|
58
|
+
// Trigger show existing entry callbACK
|
|
59
|
+
onShowExistingEntry?.(suggestion.suggest.entry);
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
setCalloutVisible(!isCalloutVisible);
|
|
63
|
+
}
|
|
64
|
+
}, [isCalloutVisible, suggestion]);
|
|
65
|
+
const onAccept = (0, react_1.useCallback)(() => {
|
|
66
|
+
if (suggestion.suggest) {
|
|
67
|
+
if (suggestion.suggest.type === UITranslationButton_types_1.SuggestValueType.New) {
|
|
68
|
+
onCreateNewEntry?.(suggestion.suggest.entry);
|
|
69
|
+
}
|
|
70
|
+
if (value !== suggestion.suggest.i18n) {
|
|
71
|
+
onUpdateValue?.(suggestion.suggest.i18n || '');
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
setCalloutVisible(false);
|
|
75
|
+
}, [suggestion, onCreateNewEntry, onUpdateValue, value]);
|
|
76
|
+
const onCancel = (0, react_1.useCallback)(() => {
|
|
77
|
+
setCalloutVisible(false);
|
|
78
|
+
}, []);
|
|
79
|
+
return (react_1.default.createElement("div", { className: "ui-translatable__button" },
|
|
80
|
+
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 }),
|
|
81
|
+
isCalloutVisible && (react_1.default.createElement(UICallout_1.UICallout, { target: `#${id}`, gapSpace: 5, directionalHint: 6, calloutWidth: 250, calloutMinWidth: 250, beakWidth: 8, isBeakVisible: false, setInitialFocus: true, className: "ui-translatable__callout", onDismiss: () => onToggleCallout(), contentPadding: UICallout_1.UICalloutContentPadding.Standard },
|
|
82
|
+
react_1.default.createElement("div", { className: "ui-translatable__message" },
|
|
83
|
+
suggestion.message,
|
|
84
|
+
react_1.default.createElement("div", { className: "ui-translatable__actions" },
|
|
85
|
+
react_1.default.createElement(UIButton_1.UIDefaultButton, { id: `${id}-button-action-confirm`, primary: true, onClick: onAccept }, getStringText('acceptButtonLabel', strings)),
|
|
86
|
+
react_1.default.createElement(UIButton_1.UIDefaultButton, { id: `${id}-button-action-cancel`, onClick: onCancel }, getStringText('cancelButtonLabel', strings))))))));
|
|
87
|
+
};
|
|
88
|
+
exports.UITranslationButton = UITranslationButton;
|
|
89
89
|
//# sourceMappingURL=UITranslationButton.js.map
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { UiIcons } from '../Icons';
|
|
3
|
-
export interface TranslationInputStrings {
|
|
4
|
-
acceptButtonLabel: string;
|
|
5
|
-
cancelButtonLabel: string;
|
|
6
|
-
i18nEntryExistsTooltip: string;
|
|
7
|
-
i18nKeyMissingTooltip: string;
|
|
8
|
-
i18nKeyMissingDescription: string;
|
|
9
|
-
i18nValueMissingTooltip: string;
|
|
10
|
-
i18nValueMissingDescription: string;
|
|
11
|
-
i18nReplaceWithExistingTooltip: string;
|
|
12
|
-
i18nReplaceWithExistingDescription: string;
|
|
13
|
-
i18nEntryExistsInputTooltip: string;
|
|
14
|
-
}
|
|
15
|
-
export declare enum TranslationKeyGenerator {
|
|
16
|
-
CamelCase = "CamelCase",
|
|
17
|
-
PascalCase = "PascalCase"
|
|
18
|
-
}
|
|
19
|
-
export declare enum TranslationTextPattern {
|
|
20
|
-
DoubleBracketReplace = "DoubleBracketReplace",
|
|
21
|
-
SingleBracketBinding = "SingleBracketBinding"
|
|
22
|
-
}
|
|
23
|
-
export interface TranslationEntryValue {
|
|
24
|
-
value: string;
|
|
25
|
-
}
|
|
26
|
-
export interface TranslationEntry {
|
|
27
|
-
key: TranslationEntryValue;
|
|
28
|
-
value: TranslationEntryValue;
|
|
29
|
-
}
|
|
30
|
-
export type I18nBundle<T extends TranslationEntry = TranslationEntry> = Record<string, T[]>;
|
|
31
|
-
export interface UITranslationProps<T extends TranslationEntry> {
|
|
32
|
-
value?: string;
|
|
33
|
-
id: string;
|
|
34
|
-
disabled?: boolean;
|
|
35
|
-
onShowExistingEntry?: (entry: T) => void;
|
|
36
|
-
onCreateNewEntry?: (entry: TranslationEntry) => void;
|
|
37
|
-
busy?: UILoadButtonBusyProps;
|
|
38
|
-
strings?: TranslationInputStrings;
|
|
39
|
-
}
|
|
40
|
-
export interface UILoadButtonBusyProps {
|
|
41
|
-
busy?: boolean;
|
|
42
|
-
useMinWaitingTime?: boolean | number;
|
|
43
|
-
}
|
|
44
|
-
export declare enum SuggestValueType {
|
|
45
|
-
Existing = "Existing",
|
|
46
|
-
Update = "Update",
|
|
47
|
-
New = "New"
|
|
48
|
-
}
|
|
49
|
-
export type TranslationSuggestValue<T extends TranslationEntry> = TranslationSuggestValueNew | TranslationSuggestValueExisting<T>;
|
|
50
|
-
interface TranslationSuggestValueBase {
|
|
51
|
-
icon?: UiIcons;
|
|
52
|
-
i18n?: string;
|
|
53
|
-
}
|
|
54
|
-
export interface TranslationSuggestValueNew extends TranslationSuggestValueBase {
|
|
55
|
-
entry: TranslationEntry;
|
|
56
|
-
type: SuggestValueType.New;
|
|
57
|
-
}
|
|
58
|
-
export interface TranslationSuggestValueExisting<T extends TranslationEntry> extends TranslationSuggestValueBase {
|
|
59
|
-
entry: T;
|
|
60
|
-
type: SuggestValueType.Existing | SuggestValueType.Update;
|
|
61
|
-
}
|
|
62
|
-
export interface TranslationSuggest<T extends TranslationEntry> {
|
|
63
|
-
tooltip: string;
|
|
64
|
-
message?: React.ReactElement;
|
|
65
|
-
suggest?: TranslationSuggestValue<T>;
|
|
66
|
-
}
|
|
67
|
-
export {};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { UiIcons } from '../Icons';
|
|
3
|
+
export interface TranslationInputStrings {
|
|
4
|
+
acceptButtonLabel: string;
|
|
5
|
+
cancelButtonLabel: string;
|
|
6
|
+
i18nEntryExistsTooltip: string;
|
|
7
|
+
i18nKeyMissingTooltip: string;
|
|
8
|
+
i18nKeyMissingDescription: string;
|
|
9
|
+
i18nValueMissingTooltip: string;
|
|
10
|
+
i18nValueMissingDescription: string;
|
|
11
|
+
i18nReplaceWithExistingTooltip: string;
|
|
12
|
+
i18nReplaceWithExistingDescription: string;
|
|
13
|
+
i18nEntryExistsInputTooltip: string;
|
|
14
|
+
}
|
|
15
|
+
export declare enum TranslationKeyGenerator {
|
|
16
|
+
CamelCase = "CamelCase",
|
|
17
|
+
PascalCase = "PascalCase"
|
|
18
|
+
}
|
|
19
|
+
export declare enum TranslationTextPattern {
|
|
20
|
+
DoubleBracketReplace = "DoubleBracketReplace",
|
|
21
|
+
SingleBracketBinding = "SingleBracketBinding"
|
|
22
|
+
}
|
|
23
|
+
export interface TranslationEntryValue {
|
|
24
|
+
value: string;
|
|
25
|
+
}
|
|
26
|
+
export interface TranslationEntry {
|
|
27
|
+
key: TranslationEntryValue;
|
|
28
|
+
value: TranslationEntryValue;
|
|
29
|
+
}
|
|
30
|
+
export type I18nBundle<T extends TranslationEntry = TranslationEntry> = Record<string, T[]>;
|
|
31
|
+
export interface UITranslationProps<T extends TranslationEntry> {
|
|
32
|
+
value?: string;
|
|
33
|
+
id: string;
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
onShowExistingEntry?: (entry: T) => void;
|
|
36
|
+
onCreateNewEntry?: (entry: TranslationEntry) => void;
|
|
37
|
+
busy?: UILoadButtonBusyProps;
|
|
38
|
+
strings?: TranslationInputStrings;
|
|
39
|
+
}
|
|
40
|
+
export interface UILoadButtonBusyProps {
|
|
41
|
+
busy?: boolean;
|
|
42
|
+
useMinWaitingTime?: boolean | number;
|
|
43
|
+
}
|
|
44
|
+
export declare enum SuggestValueType {
|
|
45
|
+
Existing = "Existing",
|
|
46
|
+
Update = "Update",
|
|
47
|
+
New = "New"
|
|
48
|
+
}
|
|
49
|
+
export type TranslationSuggestValue<T extends TranslationEntry> = TranslationSuggestValueNew | TranslationSuggestValueExisting<T>;
|
|
50
|
+
interface TranslationSuggestValueBase {
|
|
51
|
+
icon?: UiIcons;
|
|
52
|
+
i18n?: string;
|
|
53
|
+
}
|
|
54
|
+
export interface TranslationSuggestValueNew extends TranslationSuggestValueBase {
|
|
55
|
+
entry: TranslationEntry;
|
|
56
|
+
type: SuggestValueType.New;
|
|
57
|
+
}
|
|
58
|
+
export interface TranslationSuggestValueExisting<T extends TranslationEntry> extends TranslationSuggestValueBase {
|
|
59
|
+
entry: T;
|
|
60
|
+
type: SuggestValueType.Existing | SuggestValueType.Update;
|
|
61
|
+
}
|
|
62
|
+
export interface TranslationSuggest<T extends TranslationEntry> {
|
|
63
|
+
tooltip: string;
|
|
64
|
+
message?: React.ReactElement;
|
|
65
|
+
suggest?: TranslationSuggestValue<T>;
|
|
66
|
+
}
|
|
67
|
+
export {};
|
|
68
68
|
//# sourceMappingURL=UITranslationButton.types.d.ts.map
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SuggestValueType = exports.TranslationTextPattern = exports.TranslationKeyGenerator = void 0;
|
|
4
|
-
var TranslationKeyGenerator;
|
|
5
|
-
(function (TranslationKeyGenerator) {
|
|
6
|
-
TranslationKeyGenerator["CamelCase"] = "CamelCase";
|
|
7
|
-
TranslationKeyGenerator["PascalCase"] = "PascalCase";
|
|
8
|
-
})(TranslationKeyGenerator = exports.TranslationKeyGenerator || (exports.TranslationKeyGenerator = {}));
|
|
9
|
-
var TranslationTextPattern;
|
|
10
|
-
(function (TranslationTextPattern) {
|
|
11
|
-
// Pattern `{{}}`
|
|
12
|
-
TranslationTextPattern["DoubleBracketReplace"] = "DoubleBracketReplace";
|
|
13
|
-
// Pattern `{key>}`
|
|
14
|
-
TranslationTextPattern["SingleBracketBinding"] = "SingleBracketBinding";
|
|
15
|
-
})(TranslationTextPattern = exports.TranslationTextPattern || (exports.TranslationTextPattern = {}));
|
|
16
|
-
var SuggestValueType;
|
|
17
|
-
(function (SuggestValueType) {
|
|
18
|
-
SuggestValueType["Existing"] = "Existing";
|
|
19
|
-
SuggestValueType["Update"] = "Update";
|
|
20
|
-
SuggestValueType["New"] = "New";
|
|
21
|
-
})(SuggestValueType = exports.SuggestValueType || (exports.SuggestValueType = {}));
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SuggestValueType = exports.TranslationTextPattern = exports.TranslationKeyGenerator = void 0;
|
|
4
|
+
var TranslationKeyGenerator;
|
|
5
|
+
(function (TranslationKeyGenerator) {
|
|
6
|
+
TranslationKeyGenerator["CamelCase"] = "CamelCase";
|
|
7
|
+
TranslationKeyGenerator["PascalCase"] = "PascalCase";
|
|
8
|
+
})(TranslationKeyGenerator = exports.TranslationKeyGenerator || (exports.TranslationKeyGenerator = {}));
|
|
9
|
+
var TranslationTextPattern;
|
|
10
|
+
(function (TranslationTextPattern) {
|
|
11
|
+
// Pattern `{{}}`
|
|
12
|
+
TranslationTextPattern["DoubleBracketReplace"] = "DoubleBracketReplace";
|
|
13
|
+
// Pattern `{key>}`
|
|
14
|
+
TranslationTextPattern["SingleBracketBinding"] = "SingleBracketBinding";
|
|
15
|
+
})(TranslationTextPattern = exports.TranslationTextPattern || (exports.TranslationTextPattern = {}));
|
|
16
|
+
var SuggestValueType;
|
|
17
|
+
(function (SuggestValueType) {
|
|
18
|
+
SuggestValueType["Existing"] = "Existing";
|
|
19
|
+
SuggestValueType["Update"] = "Update";
|
|
20
|
+
SuggestValueType["New"] = "New";
|
|
21
|
+
})(SuggestValueType = exports.SuggestValueType || (exports.SuggestValueType = {}));
|
|
22
22
|
//# sourceMappingURL=UITranslationButton.types.js.map
|