@sap-ux/ui-components 1.14.1 → 1.15.0
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 +151 -150
- package/dist/components/Icons.d.ts.map +1 -1
- package/dist/components/Icons.js +631 -628
- package/dist/components/Icons.js.map +1 -1
- package/dist/components/UIActionCallout/UIActionCallout.d.ts +64 -64
- package/dist/components/UIActionCallout/UIActionCallout.js +67 -67
- 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 +41 -41
- package/dist/components/UIButton/UIDefaultButton.js +255 -255
- 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 +44 -44
- package/dist/components/UIButton/UISplitButton.js +86 -86
- package/dist/components/UIButton/index.d.ts +7 -7
- package/dist/components/UIButton/index.js +21 -21
- package/dist/components/UICallout/CalloutCollisionTransform.d.ts +54 -54
- package/dist/components/UICallout/CalloutCollisionTransform.js +160 -160
- package/dist/components/UICallout/UICallout.d.ts +48 -48
- package/dist/components/UICallout/UICallout.js +122 -122
- package/dist/components/UICallout/index.d.ts +2 -2
- package/dist/components/UICallout/index.js +18 -18
- 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/UIComboBox.d.ts +208 -208
- package/dist/components/UIComboBox/UIComboBox.js +563 -563
- 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 +126 -126
- package/dist/components/UIContextualMenu/UIHighlightMenuOption.d.ts +19 -19
- package/dist/components/UIContextualMenu/UIHighlightMenuOption.js +50 -50
- package/dist/components/UIContextualMenu/index.d.ts +2 -2
- package/dist/components/UIContextualMenu/index.js +18 -18
- package/dist/components/UICreateSelect/UICreateSelect.d.ts +36 -36
- package/dist/components/UICreateSelect/UICreateSelect.js +172 -172
- package/dist/components/UICreateSelect/index.d.ts +1 -1
- package/dist/components/UICreateSelect/index.js +17 -17
- package/dist/components/UIDatePicker/UIDatePicker.d.ts +49 -49
- package/dist/components/UIDatePicker/UIDatePicker.js +72 -72
- package/dist/components/UIDatePicker/index.d.ts +1 -1
- package/dist/components/UIDatePicker/index.js +17 -17
- package/dist/components/UIDialog/UIDialog.d.ts +118 -118
- package/dist/components/UIDialog/UIDialog.js +281 -281
- package/dist/components/UIDialog/index.d.ts +1 -1
- package/dist/components/UIDialog/index.js +17 -17
- package/dist/components/UIDropdown/UIDropdown.d.ts +94 -94
- package/dist/components/UIDropdown/UIDropdown.js +224 -224
- package/dist/components/UIDropdown/index.d.ts +2 -2
- package/dist/components/UIDropdown/index.js +18 -18
- package/dist/components/UIDropdown/utils.d.ts +20 -20
- package/dist/components/UIDropdown/utils.js +43 -43
- 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/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 +219 -219
- 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 +143 -143
- 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/index.d.ts +1 -1
- package/dist/components/UIIcon/index.js +17 -17
- package/dist/components/UIInput/UITextInput.d.ts +51 -51
- package/dist/components/UIInput/UITextInput.js +244 -244
- 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/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/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/UIQuickNavigation/UIQuickNavigation.d.ts +31 -0
- package/dist/components/UIQuickNavigation/UIQuickNavigation.d.ts.map +1 -0
- package/dist/components/UIQuickNavigation/UIQuickNavigation.js +251 -0
- package/dist/components/UIQuickNavigation/UIQuickNavigation.js.map +1 -0
- package/dist/components/UIQuickNavigation/UIQuickNavigation.scss +33 -0
- package/dist/components/UIQuickNavigation/index.d.ts +2 -0
- package/dist/components/UIQuickNavigation/index.d.ts.map +1 -0
- package/dist/components/UIQuickNavigation/index.js +18 -0
- package/dist/components/UIQuickNavigation/index.js.map +1 -0
- package/dist/components/UISearchBox/UISearchBox.d.ts +22 -22
- package/dist/components/UISearchBox/UISearchBox.js +155 -155
- 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/UISections.d.ts +249 -249
- package/dist/components/UISection/UISections.js +707 -707
- package/dist/components/UISection/UISplitter.d.ts +96 -96
- package/dist/components/UISection/UISplitter.js +220 -220
- 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 +88 -88
- package/dist/components/UITable/UITable-helper.js +263 -263
- package/dist/components/UITable/UITable.d.ts +213 -213
- package/dist/components/UITable/UITable.js +779 -779
- 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 +139 -139
- 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.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/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 +52 -52
- 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/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/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 +660 -660
- 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 +39 -38
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +55 -54
- package/dist/components/index.js.map +1 -1
- package/dist/helper/ValidationMessage/MessageWrapper.d.ts +17 -17
- package/dist/helper/ValidationMessage/MessageWrapper.js +34 -34
- 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/utilities/DeepMerge.d.ts +10 -10
- package/dist/utilities/DeepMerge.js +48 -48
- package/dist/utilities/Dom.d.ts +14 -14
- package/dist/utilities/Dom.d.ts.map +1 -1
- package/dist/utilities/Dom.js +23 -23
- package/dist/utilities/Dom.js.map +1 -1
- package/dist/utilities/Focus.d.ts +14 -14
- package/dist/utilities/Focus.js +34 -34
- 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 +4 -4
- package/dist/utilities/index.js +20 -20
- package/package.json +2 -2
- package/storybook/666.9eb67cb9.iframe.bundle.js +7 -0
- package/storybook/909.5e5ef92e.iframe.bundle.js +1 -0
- package/storybook/{930.3177b0dc.iframe.bundle.js → 930.1b3c5615.iframe.bundle.js} +2 -2
- package/storybook/UIQuickNavigation-story.14c63c2c.iframe.bundle.js +1 -0
- package/storybook/iframe.html +3 -3
- package/storybook/index.json +1 -1
- package/storybook/main.3da10e91.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.6f623654.iframe.bundle.js +2 -0
- package/storybook/stories.json +1 -1
- package/storybook/666.7332043d.iframe.bundle.js +0 -7
- package/storybook/909.dde4cce0.iframe.bundle.js +0 -1
- package/storybook/main.5f68bcca.iframe.bundle.js +0 -1
- package/storybook/runtime~main.a213c0ae.iframe.bundle.js +0 -2
|
@@ -1,18 +1,18 @@
|
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./UIDatePicker"), exports);
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./UIDatePicker"), exports);
|
|
18
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,119 +1,119 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { IDialogProps } from '@fluentui/react';
|
|
3
|
-
import '../../styles/_shadows.scss';
|
|
4
|
-
interface ComponentProps {
|
|
5
|
-
acceptButtonText?: string;
|
|
6
|
-
cancelButtonText?: string;
|
|
7
|
-
acceptButtonId?: string;
|
|
8
|
-
cancelButtonId?: string;
|
|
9
|
-
onAccept?: () => void;
|
|
10
|
-
onCancel?: () => void;
|
|
11
|
-
scrollArea?: UIDialogScrollArea;
|
|
12
|
-
closeButtonVisible?: boolean;
|
|
13
|
-
footer?: React.ReactElement;
|
|
14
|
-
multiLineTitle?: boolean;
|
|
15
|
-
isOpenAnimated?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare const DIALOG_MAX_HEIGHT_OFFSET = 32;
|
|
18
|
-
export declare const DIALOG_STYLES: {
|
|
19
|
-
background: string;
|
|
20
|
-
boxShadow: string;
|
|
21
|
-
borderColor: string;
|
|
22
|
-
borderRadius: number;
|
|
23
|
-
vPadding: number;
|
|
24
|
-
vPaddingHalf: number;
|
|
25
|
-
hPadding: number;
|
|
26
|
-
title: {
|
|
27
|
-
color: string;
|
|
28
|
-
};
|
|
29
|
-
contentText: {
|
|
30
|
-
fontSize: number;
|
|
31
|
-
color: string;
|
|
32
|
-
fontFamily: string;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
export type DialogProps = IDialogProps & ComponentProps;
|
|
36
|
-
export interface DialogState {
|
|
37
|
-
resizeMaxHeight?: number;
|
|
38
|
-
isMounted?: boolean;
|
|
39
|
-
}
|
|
40
|
-
export declare enum UIDialogScrollArea {
|
|
41
|
-
Content = "Content",
|
|
42
|
-
Dialog = "Dialog"
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* UIDialog component.
|
|
46
|
-
* based on https://developer.microsoft.com/en-us/fluentui#/controls/web/dialog
|
|
47
|
-
* and https://app.abstract.com/projects/42046ab5-889d-4a59-88e6-1089e98cba67/branches/master/commits/f1fcd77447bb2b32aab3498311c1c39517e47e49/files/1455D538-559B-48EF-8D9F-1C2884ED540B/layers/AFDAAFD3-BFA6-4E96-BB6D-057DD13753E5
|
|
48
|
-
*
|
|
49
|
-
* @exports
|
|
50
|
-
* @class UIDialog
|
|
51
|
-
* @extends {React.Component<IDialogProps, {}>}
|
|
52
|
-
*/
|
|
53
|
-
export declare class UIDialog extends React.Component<DialogProps, DialogState> {
|
|
54
|
-
static defaultProps: {
|
|
55
|
-
isOpenAnimated: boolean;
|
|
56
|
-
};
|
|
57
|
-
/**
|
|
58
|
-
* Initializes component properties.
|
|
59
|
-
*
|
|
60
|
-
* @param {DialogProps} props
|
|
61
|
-
*/
|
|
62
|
-
constructor(props: DialogProps);
|
|
63
|
-
/**
|
|
64
|
-
* Called when component is rerendered.
|
|
65
|
-
*
|
|
66
|
-
* @param {Readonly<DialogProps>} prevProps
|
|
67
|
-
*/
|
|
68
|
-
componentDidUpdate(prevProps: Readonly<DialogProps>): void;
|
|
69
|
-
/**
|
|
70
|
-
* Method handles modal dialog mount event.
|
|
71
|
-
*/
|
|
72
|
-
private onModalLayerMount;
|
|
73
|
-
/**
|
|
74
|
-
* Method handles modal dialog unmount event.
|
|
75
|
-
*/
|
|
76
|
-
private onModalLayerUnmount;
|
|
77
|
-
/**
|
|
78
|
-
* Method attaches to window resize event.
|
|
79
|
-
*/
|
|
80
|
-
private attachResize;
|
|
81
|
-
/**
|
|
82
|
-
* Method detaches from window resize event.
|
|
83
|
-
*/
|
|
84
|
-
private detachResize;
|
|
85
|
-
/**
|
|
86
|
-
* Method handles window resizer event to update calculation for content scrollarea size.
|
|
87
|
-
*/
|
|
88
|
-
private onResize;
|
|
89
|
-
/**
|
|
90
|
-
* Method returns maximal height for dialog content "scrollArea=Content" mode.
|
|
91
|
-
*
|
|
92
|
-
* @returns {number} Max size of dialog.
|
|
93
|
-
*/
|
|
94
|
-
private getResizeMaxHeight;
|
|
95
|
-
/**
|
|
96
|
-
* Method returns footer element depending in component props.
|
|
97
|
-
* Three states.
|
|
98
|
-
* 1. Accept/Decline buttons.
|
|
99
|
-
* 2. Custom content of footer.
|
|
100
|
-
* 3. No footer.
|
|
101
|
-
*
|
|
102
|
-
* @returns {JSX.Element | null} Footer element to render.
|
|
103
|
-
*/
|
|
104
|
-
getFooter(): JSX.Element | undefined;
|
|
105
|
-
/**
|
|
106
|
-
* Method handles mousedown event for dialog header area.
|
|
107
|
-
* Method added to handle scenario when we open dropdown menu and move dialog.
|
|
108
|
-
* Code in method sets focus to focuszone's placeholder - it triggers close for opened dropdown menu.
|
|
109
|
-
*
|
|
110
|
-
* @param {React.MouseEvent} event Mousedown event
|
|
111
|
-
*/
|
|
112
|
-
onHeaderMouseDown(event: React.MouseEvent): void;
|
|
113
|
-
/**
|
|
114
|
-
* @returns {JSX.Element}
|
|
115
|
-
*/
|
|
116
|
-
render(): JSX.Element;
|
|
117
|
-
}
|
|
118
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { IDialogProps } from '@fluentui/react';
|
|
3
|
+
import '../../styles/_shadows.scss';
|
|
4
|
+
interface ComponentProps {
|
|
5
|
+
acceptButtonText?: string;
|
|
6
|
+
cancelButtonText?: string;
|
|
7
|
+
acceptButtonId?: string;
|
|
8
|
+
cancelButtonId?: string;
|
|
9
|
+
onAccept?: () => void;
|
|
10
|
+
onCancel?: () => void;
|
|
11
|
+
scrollArea?: UIDialogScrollArea;
|
|
12
|
+
closeButtonVisible?: boolean;
|
|
13
|
+
footer?: React.ReactElement;
|
|
14
|
+
multiLineTitle?: boolean;
|
|
15
|
+
isOpenAnimated?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare const DIALOG_MAX_HEIGHT_OFFSET = 32;
|
|
18
|
+
export declare const DIALOG_STYLES: {
|
|
19
|
+
background: string;
|
|
20
|
+
boxShadow: string;
|
|
21
|
+
borderColor: string;
|
|
22
|
+
borderRadius: number;
|
|
23
|
+
vPadding: number;
|
|
24
|
+
vPaddingHalf: number;
|
|
25
|
+
hPadding: number;
|
|
26
|
+
title: {
|
|
27
|
+
color: string;
|
|
28
|
+
};
|
|
29
|
+
contentText: {
|
|
30
|
+
fontSize: number;
|
|
31
|
+
color: string;
|
|
32
|
+
fontFamily: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export type DialogProps = IDialogProps & ComponentProps;
|
|
36
|
+
export interface DialogState {
|
|
37
|
+
resizeMaxHeight?: number;
|
|
38
|
+
isMounted?: boolean;
|
|
39
|
+
}
|
|
40
|
+
export declare enum UIDialogScrollArea {
|
|
41
|
+
Content = "Content",
|
|
42
|
+
Dialog = "Dialog"
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* UIDialog component.
|
|
46
|
+
* based on https://developer.microsoft.com/en-us/fluentui#/controls/web/dialog
|
|
47
|
+
* and https://app.abstract.com/projects/42046ab5-889d-4a59-88e6-1089e98cba67/branches/master/commits/f1fcd77447bb2b32aab3498311c1c39517e47e49/files/1455D538-559B-48EF-8D9F-1C2884ED540B/layers/AFDAAFD3-BFA6-4E96-BB6D-057DD13753E5
|
|
48
|
+
*
|
|
49
|
+
* @exports
|
|
50
|
+
* @class UIDialog
|
|
51
|
+
* @extends {React.Component<IDialogProps, {}>}
|
|
52
|
+
*/
|
|
53
|
+
export declare class UIDialog extends React.Component<DialogProps, DialogState> {
|
|
54
|
+
static defaultProps: {
|
|
55
|
+
isOpenAnimated: boolean;
|
|
56
|
+
};
|
|
57
|
+
/**
|
|
58
|
+
* Initializes component properties.
|
|
59
|
+
*
|
|
60
|
+
* @param {DialogProps} props
|
|
61
|
+
*/
|
|
62
|
+
constructor(props: DialogProps);
|
|
63
|
+
/**
|
|
64
|
+
* Called when component is rerendered.
|
|
65
|
+
*
|
|
66
|
+
* @param {Readonly<DialogProps>} prevProps
|
|
67
|
+
*/
|
|
68
|
+
componentDidUpdate(prevProps: Readonly<DialogProps>): void;
|
|
69
|
+
/**
|
|
70
|
+
* Method handles modal dialog mount event.
|
|
71
|
+
*/
|
|
72
|
+
private onModalLayerMount;
|
|
73
|
+
/**
|
|
74
|
+
* Method handles modal dialog unmount event.
|
|
75
|
+
*/
|
|
76
|
+
private onModalLayerUnmount;
|
|
77
|
+
/**
|
|
78
|
+
* Method attaches to window resize event.
|
|
79
|
+
*/
|
|
80
|
+
private attachResize;
|
|
81
|
+
/**
|
|
82
|
+
* Method detaches from window resize event.
|
|
83
|
+
*/
|
|
84
|
+
private detachResize;
|
|
85
|
+
/**
|
|
86
|
+
* Method handles window resizer event to update calculation for content scrollarea size.
|
|
87
|
+
*/
|
|
88
|
+
private onResize;
|
|
89
|
+
/**
|
|
90
|
+
* Method returns maximal height for dialog content "scrollArea=Content" mode.
|
|
91
|
+
*
|
|
92
|
+
* @returns {number} Max size of dialog.
|
|
93
|
+
*/
|
|
94
|
+
private getResizeMaxHeight;
|
|
95
|
+
/**
|
|
96
|
+
* Method returns footer element depending in component props.
|
|
97
|
+
* Three states.
|
|
98
|
+
* 1. Accept/Decline buttons.
|
|
99
|
+
* 2. Custom content of footer.
|
|
100
|
+
* 3. No footer.
|
|
101
|
+
*
|
|
102
|
+
* @returns {JSX.Element | null} Footer element to render.
|
|
103
|
+
*/
|
|
104
|
+
getFooter(): JSX.Element | undefined;
|
|
105
|
+
/**
|
|
106
|
+
* Method handles mousedown event for dialog header area.
|
|
107
|
+
* Method added to handle scenario when we open dropdown menu and move dialog.
|
|
108
|
+
* Code in method sets focus to focuszone's placeholder - it triggers close for opened dropdown menu.
|
|
109
|
+
*
|
|
110
|
+
* @param {React.MouseEvent} event Mousedown event
|
|
111
|
+
*/
|
|
112
|
+
onHeaderMouseDown(event: React.MouseEvent): void;
|
|
113
|
+
/**
|
|
114
|
+
* @returns {JSX.Element}
|
|
115
|
+
*/
|
|
116
|
+
render(): JSX.Element;
|
|
117
|
+
}
|
|
118
|
+
export {};
|
|
119
119
|
//# sourceMappingURL=UIDialog.d.ts.map
|