@sap-ux/ui-components 1.13.5 → 1.14.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/Icons.d.ts +150 -150
- package/dist/components/Icons.js +628 -628
- 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 -23
- package/dist/components/UIButton/UIDefaultButton.d.ts.map +1 -1
- package/dist/components/UIButton/UIDefaultButton.js +255 -237
- package/dist/components/UIButton/UIDefaultButton.js.map +1 -1
- 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 -200
- package/dist/components/UIComboBox/UIComboBox.d.ts.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.js +563 -541
- package/dist/components/UIComboBox/UIComboBox.js.map +1 -1
- 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/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 +38 -38
- package/dist/components/index.js +54 -54
- 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 -7
- package/dist/utilities/Dom.d.ts.map +1 -1
- package/dist/utilities/Dom.js +23 -13
- 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 +1 -1
- package/storybook/494.d8aaa4d7.iframe.bundle.js +1 -0
- package/storybook/580.057c85e9.iframe.bundle.js +1 -0
- package/storybook/{930.1b3c5615.iframe.bundle.js → 930.3177b0dc.iframe.bundle.js} +2 -2
- package/storybook/UIActionCallout-story.9ee56c83.iframe.bundle.js +2 -0
- package/storybook/UIToggleGroup-story.573848ba.iframe.bundle.js +2 -0
- package/storybook/iframe.html +3 -3
- package/storybook/main.5f68bcca.iframe.bundle.js +1 -0
- package/storybook/project.json +1 -1
- package/storybook/{runtime~main.7c93d414.iframe.bundle.js → runtime~main.a213c0ae.iframe.bundle.js} +1 -1
- package/storybook/494.1829058d.iframe.bundle.js +0 -1
- package/storybook/580.c5ddde6e.iframe.bundle.js +0 -1
- package/storybook/UIActionCallout-story.13bdf055.iframe.bundle.js +0 -2
- package/storybook/UIToggleGroup-story.6f3e7d06.iframe.bundle.js +0 -2
- package/storybook/main.4ed99289.iframe.bundle.js +0 -1
|
@@ -1,122 +1,122 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getMessageInfo = exports.MESSAGE_TYPES_CLASSNAME_MAP = exports.ErrorMessageType = void 0;
|
|
4
|
-
var ErrorMessageType;
|
|
5
|
-
(function (ErrorMessageType) {
|
|
6
|
-
ErrorMessageType["Error"] = "Error";
|
|
7
|
-
ErrorMessageType["Warning"] = "Warning";
|
|
8
|
-
ErrorMessageType["Info"] = "Info";
|
|
9
|
-
})(ErrorMessageType = exports.ErrorMessageType || (exports.ErrorMessageType = {}));
|
|
10
|
-
/**
|
|
11
|
-
* Private method to get common styling for coloring by applying incoming colors.
|
|
12
|
-
*
|
|
13
|
-
* @param {string} bgColor Background color.
|
|
14
|
-
* @param {string} borderColor Border color.
|
|
15
|
-
* @returns {IRawStyle} Object with styles for message.
|
|
16
|
-
*/
|
|
17
|
-
const getMessageColorStylings = (bgColor, borderColor) => {
|
|
18
|
-
const border = `1px solid ${borderColor}`;
|
|
19
|
-
return {
|
|
20
|
-
backgroundColor: bgColor,
|
|
21
|
-
borderLeft: border,
|
|
22
|
-
borderRight: border,
|
|
23
|
-
borderBottom: border,
|
|
24
|
-
borderColor: borderColor
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
const messagesStyles = {
|
|
28
|
-
error: {
|
|
29
|
-
color: 'var(--vscode-input-foreground)',
|
|
30
|
-
...getMessageColorStylings('var(--vscode-inputValidation-errorBackground)', 'var(--vscode-inputValidation-errorBorder)'),
|
|
31
|
-
paddingTop: 4,
|
|
32
|
-
paddingBottom: 5,
|
|
33
|
-
paddingLeft: 8,
|
|
34
|
-
margin: 0
|
|
35
|
-
},
|
|
36
|
-
warning: {},
|
|
37
|
-
info: {}
|
|
38
|
-
};
|
|
39
|
-
messagesStyles.warning = {
|
|
40
|
-
...messagesStyles.error,
|
|
41
|
-
...getMessageColorStylings('var(--vscode-inputValidation-warningBackground)', 'var(--vscode-inputValidation-warningBorder)')
|
|
42
|
-
};
|
|
43
|
-
messagesStyles.info = {
|
|
44
|
-
...messagesStyles.error,
|
|
45
|
-
...getMessageColorStylings('var(--vscode-inputValidation-infoBackground)', 'var(--vscode-inputValidation-infoBorder)')
|
|
46
|
-
};
|
|
47
|
-
exports.MESSAGE_TYPES_CLASSNAME_MAP = new Map([
|
|
48
|
-
[undefined, 'error'],
|
|
49
|
-
["Error" /* ErrorMessageType.Error */, 'error'],
|
|
50
|
-
["Warning" /* ErrorMessageType.Warning */, 'warning'],
|
|
51
|
-
["Info" /* ErrorMessageType.Info */, 'info']
|
|
52
|
-
]);
|
|
53
|
-
/**
|
|
54
|
-
* Method returns input message styles for passed message type.
|
|
55
|
-
* Default style is for Error message.
|
|
56
|
-
*
|
|
57
|
-
* @param {ErrorMessageType} [type] Message type.
|
|
58
|
-
* @returns {IRawStyle} Object with styles for message.
|
|
59
|
-
*/
|
|
60
|
-
const getMessageStyle = (type) => {
|
|
61
|
-
let style;
|
|
62
|
-
switch (type) {
|
|
63
|
-
case "Warning" /* ErrorMessageType.Warning */: {
|
|
64
|
-
style = messagesStyles.warning;
|
|
65
|
-
break;
|
|
66
|
-
}
|
|
67
|
-
case "Info" /* ErrorMessageType.Info */: {
|
|
68
|
-
style = messagesStyles.info;
|
|
69
|
-
break;
|
|
70
|
-
}
|
|
71
|
-
default: {
|
|
72
|
-
style = messagesStyles.error;
|
|
73
|
-
break;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
return style;
|
|
77
|
-
};
|
|
78
|
-
/**
|
|
79
|
-
* Method returns error message type depends on properties of UIComponentMessagesProps.
|
|
80
|
-
*
|
|
81
|
-
* @param {UIComponentMessagesProps} [props] Component props.
|
|
82
|
-
* @returns {ErrorMessageType} Message type.
|
|
83
|
-
*/
|
|
84
|
-
const getMessageType = (props) => {
|
|
85
|
-
if (props) {
|
|
86
|
-
if (props.errorMessage) {
|
|
87
|
-
return "Error" /* ErrorMessageType.Error */;
|
|
88
|
-
}
|
|
89
|
-
else if (props.warningMessage) {
|
|
90
|
-
return "Warning" /* ErrorMessageType.Warning */;
|
|
91
|
-
}
|
|
92
|
-
else if (props.infoMessage) {
|
|
93
|
-
return "Info" /* ErrorMessageType.Info */;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
return "Error" /* ErrorMessageType.Error */;
|
|
97
|
-
};
|
|
98
|
-
/**
|
|
99
|
-
* Method returns error message string by handling property of all messages like Error Warning and Info.
|
|
100
|
-
*
|
|
101
|
-
* @param {UIComponentMessagesProps} [props] Component props.
|
|
102
|
-
* @returns {string | undefined} Message string.
|
|
103
|
-
*/
|
|
104
|
-
const getErrorMessage = (props) => {
|
|
105
|
-
return props?.errorMessage || props?.warningMessage || props?.infoMessage;
|
|
106
|
-
};
|
|
107
|
-
/**
|
|
108
|
-
* Method returns object containing data to display message for component.
|
|
109
|
-
*
|
|
110
|
-
* @param {UIMessagesExtendedProps} [props] Component props.
|
|
111
|
-
* @returns {InputValidationMessageInfo} Message info.
|
|
112
|
-
*/
|
|
113
|
-
const getMessageInfo = (props) => {
|
|
114
|
-
const errorType = getMessageType(props);
|
|
115
|
-
return {
|
|
116
|
-
type: errorType,
|
|
117
|
-
style: getMessageStyle(errorType),
|
|
118
|
-
message: getErrorMessage(props)
|
|
119
|
-
};
|
|
120
|
-
};
|
|
121
|
-
exports.getMessageInfo = getMessageInfo;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getMessageInfo = exports.MESSAGE_TYPES_CLASSNAME_MAP = exports.ErrorMessageType = void 0;
|
|
4
|
+
var ErrorMessageType;
|
|
5
|
+
(function (ErrorMessageType) {
|
|
6
|
+
ErrorMessageType["Error"] = "Error";
|
|
7
|
+
ErrorMessageType["Warning"] = "Warning";
|
|
8
|
+
ErrorMessageType["Info"] = "Info";
|
|
9
|
+
})(ErrorMessageType = exports.ErrorMessageType || (exports.ErrorMessageType = {}));
|
|
10
|
+
/**
|
|
11
|
+
* Private method to get common styling for coloring by applying incoming colors.
|
|
12
|
+
*
|
|
13
|
+
* @param {string} bgColor Background color.
|
|
14
|
+
* @param {string} borderColor Border color.
|
|
15
|
+
* @returns {IRawStyle} Object with styles for message.
|
|
16
|
+
*/
|
|
17
|
+
const getMessageColorStylings = (bgColor, borderColor) => {
|
|
18
|
+
const border = `1px solid ${borderColor}`;
|
|
19
|
+
return {
|
|
20
|
+
backgroundColor: bgColor,
|
|
21
|
+
borderLeft: border,
|
|
22
|
+
borderRight: border,
|
|
23
|
+
borderBottom: border,
|
|
24
|
+
borderColor: borderColor
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
const messagesStyles = {
|
|
28
|
+
error: {
|
|
29
|
+
color: 'var(--vscode-input-foreground)',
|
|
30
|
+
...getMessageColorStylings('var(--vscode-inputValidation-errorBackground)', 'var(--vscode-inputValidation-errorBorder)'),
|
|
31
|
+
paddingTop: 4,
|
|
32
|
+
paddingBottom: 5,
|
|
33
|
+
paddingLeft: 8,
|
|
34
|
+
margin: 0
|
|
35
|
+
},
|
|
36
|
+
warning: {},
|
|
37
|
+
info: {}
|
|
38
|
+
};
|
|
39
|
+
messagesStyles.warning = {
|
|
40
|
+
...messagesStyles.error,
|
|
41
|
+
...getMessageColorStylings('var(--vscode-inputValidation-warningBackground)', 'var(--vscode-inputValidation-warningBorder)')
|
|
42
|
+
};
|
|
43
|
+
messagesStyles.info = {
|
|
44
|
+
...messagesStyles.error,
|
|
45
|
+
...getMessageColorStylings('var(--vscode-inputValidation-infoBackground)', 'var(--vscode-inputValidation-infoBorder)')
|
|
46
|
+
};
|
|
47
|
+
exports.MESSAGE_TYPES_CLASSNAME_MAP = new Map([
|
|
48
|
+
[undefined, 'error'],
|
|
49
|
+
["Error" /* ErrorMessageType.Error */, 'error'],
|
|
50
|
+
["Warning" /* ErrorMessageType.Warning */, 'warning'],
|
|
51
|
+
["Info" /* ErrorMessageType.Info */, 'info']
|
|
52
|
+
]);
|
|
53
|
+
/**
|
|
54
|
+
* Method returns input message styles for passed message type.
|
|
55
|
+
* Default style is for Error message.
|
|
56
|
+
*
|
|
57
|
+
* @param {ErrorMessageType} [type] Message type.
|
|
58
|
+
* @returns {IRawStyle} Object with styles for message.
|
|
59
|
+
*/
|
|
60
|
+
const getMessageStyle = (type) => {
|
|
61
|
+
let style;
|
|
62
|
+
switch (type) {
|
|
63
|
+
case "Warning" /* ErrorMessageType.Warning */: {
|
|
64
|
+
style = messagesStyles.warning;
|
|
65
|
+
break;
|
|
66
|
+
}
|
|
67
|
+
case "Info" /* ErrorMessageType.Info */: {
|
|
68
|
+
style = messagesStyles.info;
|
|
69
|
+
break;
|
|
70
|
+
}
|
|
71
|
+
default: {
|
|
72
|
+
style = messagesStyles.error;
|
|
73
|
+
break;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
return style;
|
|
77
|
+
};
|
|
78
|
+
/**
|
|
79
|
+
* Method returns error message type depends on properties of UIComponentMessagesProps.
|
|
80
|
+
*
|
|
81
|
+
* @param {UIComponentMessagesProps} [props] Component props.
|
|
82
|
+
* @returns {ErrorMessageType} Message type.
|
|
83
|
+
*/
|
|
84
|
+
const getMessageType = (props) => {
|
|
85
|
+
if (props) {
|
|
86
|
+
if (props.errorMessage) {
|
|
87
|
+
return "Error" /* ErrorMessageType.Error */;
|
|
88
|
+
}
|
|
89
|
+
else if (props.warningMessage) {
|
|
90
|
+
return "Warning" /* ErrorMessageType.Warning */;
|
|
91
|
+
}
|
|
92
|
+
else if (props.infoMessage) {
|
|
93
|
+
return "Info" /* ErrorMessageType.Info */;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
return "Error" /* ErrorMessageType.Error */;
|
|
97
|
+
};
|
|
98
|
+
/**
|
|
99
|
+
* Method returns error message string by handling property of all messages like Error Warning and Info.
|
|
100
|
+
*
|
|
101
|
+
* @param {UIComponentMessagesProps} [props] Component props.
|
|
102
|
+
* @returns {string | undefined} Message string.
|
|
103
|
+
*/
|
|
104
|
+
const getErrorMessage = (props) => {
|
|
105
|
+
return props?.errorMessage || props?.warningMessage || props?.infoMessage;
|
|
106
|
+
};
|
|
107
|
+
/**
|
|
108
|
+
* Method returns object containing data to display message for component.
|
|
109
|
+
*
|
|
110
|
+
* @param {UIMessagesExtendedProps} [props] Component props.
|
|
111
|
+
* @returns {InputValidationMessageInfo} Message info.
|
|
112
|
+
*/
|
|
113
|
+
const getMessageInfo = (props) => {
|
|
114
|
+
const errorType = getMessageType(props);
|
|
115
|
+
return {
|
|
116
|
+
type: errorType,
|
|
117
|
+
style: getMessageStyle(errorType),
|
|
118
|
+
message: getErrorMessage(props)
|
|
119
|
+
};
|
|
120
|
+
};
|
|
121
|
+
exports.getMessageInfo = getMessageInfo;
|
|
122
122
|
//# sourceMappingURL=utils.js.map
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './components';
|
|
2
|
-
export * from './utilities';
|
|
1
|
+
export * from './components';
|
|
2
|
+
export * from './utilities';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
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("./components"), exports);
|
|
18
|
-
__exportStar(require("./utilities"), 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("./components"), exports);
|
|
18
|
+
__exportStar(require("./utilities"), exports);
|
|
19
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Performs deep merge on two objects.
|
|
3
|
-
* Parameters are not mutated.
|
|
4
|
-
* Arrays are copied as references and are not merged.
|
|
5
|
-
*
|
|
6
|
-
* @param a
|
|
7
|
-
* @param b
|
|
8
|
-
* @returns Record<string, unknown>
|
|
9
|
-
*/
|
|
10
|
-
export declare function deepMerge(a: any, b: any): Record<string, unknown>;
|
|
1
|
+
/**
|
|
2
|
+
* Performs deep merge on two objects.
|
|
3
|
+
* Parameters are not mutated.
|
|
4
|
+
* Arrays are copied as references and are not merged.
|
|
5
|
+
*
|
|
6
|
+
* @param a
|
|
7
|
+
* @param b
|
|
8
|
+
* @returns Record<string, unknown>
|
|
9
|
+
*/
|
|
10
|
+
export declare function deepMerge(a: any, b: any): Record<string, unknown>;
|
|
11
11
|
//# sourceMappingURL=DeepMerge.d.ts.map
|
|
@@ -1,49 +1,49 @@
|
|
|
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.deepMerge = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
/**
|
|
9
|
-
* Performs deep merge on two objects.
|
|
10
|
-
* Parameters are not mutated.
|
|
11
|
-
* Arrays are copied as references and are not merged.
|
|
12
|
-
*
|
|
13
|
-
* @param a
|
|
14
|
-
* @param b
|
|
15
|
-
* @returns Record<string, unknown>
|
|
16
|
-
*/
|
|
17
|
-
function deepMerge(a, b) {
|
|
18
|
-
const result = Object.keys(a).length ? deepMerge({}, a) : {};
|
|
19
|
-
const keys = Object.keys(b);
|
|
20
|
-
for (const key of keys) {
|
|
21
|
-
const value = b[key];
|
|
22
|
-
if (isObject(value)) {
|
|
23
|
-
if (!result[key] || isObject(result[key])) {
|
|
24
|
-
result[key] = deepMerge(result[key] ?? {}, value);
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
throw new Error('Object structures are not compatible!');
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
result[key] = value;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
return result;
|
|
35
|
-
}
|
|
36
|
-
exports.deepMerge = deepMerge;
|
|
37
|
-
/**
|
|
38
|
-
* Method checks item is object.
|
|
39
|
-
*
|
|
40
|
-
* @param item
|
|
41
|
-
* @returns boolean
|
|
42
|
-
*/
|
|
43
|
-
function isObject(item) {
|
|
44
|
-
if (!item) {
|
|
45
|
-
return false;
|
|
46
|
-
}
|
|
47
|
-
return typeof item === 'object' && !Array.isArray(item) && !react_1.default.isValidElement(item);
|
|
48
|
-
}
|
|
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.deepMerge = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
/**
|
|
9
|
+
* Performs deep merge on two objects.
|
|
10
|
+
* Parameters are not mutated.
|
|
11
|
+
* Arrays are copied as references and are not merged.
|
|
12
|
+
*
|
|
13
|
+
* @param a
|
|
14
|
+
* @param b
|
|
15
|
+
* @returns Record<string, unknown>
|
|
16
|
+
*/
|
|
17
|
+
function deepMerge(a, b) {
|
|
18
|
+
const result = Object.keys(a).length ? deepMerge({}, a) : {};
|
|
19
|
+
const keys = Object.keys(b);
|
|
20
|
+
for (const key of keys) {
|
|
21
|
+
const value = b[key];
|
|
22
|
+
if (isObject(value)) {
|
|
23
|
+
if (!result[key] || isObject(result[key])) {
|
|
24
|
+
result[key] = deepMerge(result[key] ?? {}, value);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
throw new Error('Object structures are not compatible!');
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
result[key] = value;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return result;
|
|
35
|
+
}
|
|
36
|
+
exports.deepMerge = deepMerge;
|
|
37
|
+
/**
|
|
38
|
+
* Method checks item is object.
|
|
39
|
+
*
|
|
40
|
+
* @param item
|
|
41
|
+
* @returns boolean
|
|
42
|
+
*/
|
|
43
|
+
function isObject(item) {
|
|
44
|
+
if (!item) {
|
|
45
|
+
return false;
|
|
46
|
+
}
|
|
47
|
+
return typeof item === 'object' && !Array.isArray(item) && !react_1.default.isValidElement(item);
|
|
48
|
+
}
|
|
49
49
|
//# sourceMappingURL=DeepMerge.js.map
|
package/dist/utilities/Dom.d.ts
CHANGED
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Method checks if passed Element is HTML Element.
|
|
3
|
-
*
|
|
4
|
-
* @param element Element.
|
|
5
|
-
* @returns True if passed Element is HTML Element.
|
|
6
|
-
*/
|
|
7
|
-
export declare function isHTMLElement(element: Element): element is HTMLElement;
|
|
1
|
+
/**
|
|
2
|
+
* Method checks if passed Element is HTML Element.
|
|
3
|
+
*
|
|
4
|
+
* @param element Element.
|
|
5
|
+
* @returns True if passed Element is HTML Element.
|
|
6
|
+
*/
|
|
7
|
+
export declare function isHTMLElement(element: Element): element is HTMLElement;
|
|
8
|
+
/**
|
|
9
|
+
* Method checks if passed Element is HTML Input Element.
|
|
10
|
+
*
|
|
11
|
+
* @param element Element.
|
|
12
|
+
* @returns True if passed Element is HTML Input Element.
|
|
13
|
+
*/
|
|
14
|
+
export declare function isHTMLInputElement(element: Element | EventTarget): element is HTMLInputElement;
|
|
8
15
|
//# sourceMappingURL=Dom.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dom.d.ts","sourceRoot":"","sources":["../../src/utilities/Dom.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,WAAW,CAEtE"}
|
|
1
|
+
{"version":3,"file":"Dom.d.ts","sourceRoot":"","sources":["../../src/utilities/Dom.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,WAAW,CAEtE;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,OAAO,IAAI,gBAAgB,CAE9F"}
|
package/dist/utilities/Dom.js
CHANGED
|
@@ -1,14 +1,24 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.isHTMLElement = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* Method checks if passed Element is HTML Element.
|
|
6
|
-
*
|
|
7
|
-
* @param element Element.
|
|
8
|
-
* @returns True if passed Element is HTML Element.
|
|
9
|
-
*/
|
|
10
|
-
function isHTMLElement(element) {
|
|
11
|
-
return 'title' in element;
|
|
12
|
-
}
|
|
13
|
-
exports.isHTMLElement = isHTMLElement;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.isHTMLInputElement = exports.isHTMLElement = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Method checks if passed Element is HTML Element.
|
|
6
|
+
*
|
|
7
|
+
* @param element Element.
|
|
8
|
+
* @returns True if passed Element is HTML Element.
|
|
9
|
+
*/
|
|
10
|
+
function isHTMLElement(element) {
|
|
11
|
+
return 'title' in element;
|
|
12
|
+
}
|
|
13
|
+
exports.isHTMLElement = isHTMLElement;
|
|
14
|
+
/**
|
|
15
|
+
* Method checks if passed Element is HTML Input Element.
|
|
16
|
+
*
|
|
17
|
+
* @param element Element.
|
|
18
|
+
* @returns True if passed Element is HTML Input Element.
|
|
19
|
+
*/
|
|
20
|
+
function isHTMLInputElement(element) {
|
|
21
|
+
return 'value' in element && 'tagName' in element && element.tagName === 'INPUT';
|
|
22
|
+
}
|
|
23
|
+
exports.isHTMLInputElement = isHTMLInputElement;
|
|
14
24
|
//# sourceMappingURL=Dom.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dom.js","sourceRoot":"","sources":["../../src/utilities/Dom.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,OAAgB;IAC1C,OAAO,OAAO,IAAI,OAAO,CAAC;AAC9B,CAAC;AAFD,sCAEC"}
|
|
1
|
+
{"version":3,"file":"Dom.js","sourceRoot":"","sources":["../../src/utilities/Dom.ts"],"names":[],"mappings":";;;AAAA;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,OAAgB;IAC1C,OAAO,OAAO,IAAI,OAAO,CAAC;AAC9B,CAAC;AAFD,sCAEC;AAED;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,OAA8B;IAC7D,OAAO,OAAO,IAAI,OAAO,IAAI,SAAS,IAAI,OAAO,IAAI,OAAO,CAAC,OAAO,KAAK,OAAO,CAAC;AACrF,CAAC;AAFD,gDAEC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { getFirstFocusable, getLastFocusable, setFocusVisibility, getNextElement, getPreviousElement } from '@fluentui/react';
|
|
2
|
-
export { getFirstFocusable as getUIFirstFocusable };
|
|
3
|
-
export { getLastFocusable as getUILastFocusable };
|
|
4
|
-
export { setFocusVisibility as setUIFocusVisibility };
|
|
5
|
-
export { getNextElement };
|
|
6
|
-
export { getPreviousElement };
|
|
7
|
-
/**
|
|
8
|
-
* Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
|
|
9
|
-
*
|
|
10
|
-
* @param source Source/current element.
|
|
11
|
-
* @param next `true` if should focus next or `false` if should focus previous.
|
|
12
|
-
* @returns Redirected element.
|
|
13
|
-
*/
|
|
14
|
-
export declare function focusToSibling(source: HTMLElement, next: boolean): HTMLElement | null;
|
|
1
|
+
import { getFirstFocusable, getLastFocusable, setFocusVisibility, getNextElement, getPreviousElement } from '@fluentui/react';
|
|
2
|
+
export { getFirstFocusable as getUIFirstFocusable };
|
|
3
|
+
export { getLastFocusable as getUILastFocusable };
|
|
4
|
+
export { setFocusVisibility as setUIFocusVisibility };
|
|
5
|
+
export { getNextElement };
|
|
6
|
+
export { getPreviousElement };
|
|
7
|
+
/**
|
|
8
|
+
* Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
|
|
9
|
+
*
|
|
10
|
+
* @param source Source/current element.
|
|
11
|
+
* @param next `true` if should focus next or `false` if should focus previous.
|
|
12
|
+
* @returns Redirected element.
|
|
13
|
+
*/
|
|
14
|
+
export declare function focusToSibling(source: HTMLElement, next: boolean): HTMLElement | null;
|
|
15
15
|
//# sourceMappingURL=Focus.d.ts.map
|
package/dist/utilities/Focus.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.focusToSibling = exports.getPreviousElement = exports.getNextElement = exports.setUIFocusVisibility = exports.getUILastFocusable = exports.getUIFirstFocusable = void 0;
|
|
4
|
-
const react_1 = require("@fluentui/react");
|
|
5
|
-
Object.defineProperty(exports, "getUIFirstFocusable", { enumerable: true, get: function () { return react_1.getFirstFocusable; } });
|
|
6
|
-
Object.defineProperty(exports, "getUILastFocusable", { enumerable: true, get: function () { return react_1.getLastFocusable; } });
|
|
7
|
-
Object.defineProperty(exports, "setUIFocusVisibility", { enumerable: true, get: function () { return react_1.setFocusVisibility; } });
|
|
8
|
-
Object.defineProperty(exports, "getNextElement", { enumerable: true, get: function () { return react_1.getNextElement; } });
|
|
9
|
-
Object.defineProperty(exports, "getPreviousElement", { enumerable: true, get: function () { return react_1.getPreviousElement; } });
|
|
10
|
-
/**
|
|
11
|
-
* Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
|
|
12
|
-
*
|
|
13
|
-
* @param source Source/current element.
|
|
14
|
-
* @param next `true` if should focus next or `false` if should focus previous.
|
|
15
|
-
* @returns Redirected element.
|
|
16
|
-
*/
|
|
17
|
-
function focusToSibling(source, next) {
|
|
18
|
-
const document = (0, react_1.getDocument)();
|
|
19
|
-
if (document) {
|
|
20
|
-
let element = null;
|
|
21
|
-
if (next) {
|
|
22
|
-
element = (0, react_1.getNextElement)(document.body, source, false, false, true, true);
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
element = (0, react_1.getPreviousElement)(document.body, source, false, false, true, true);
|
|
26
|
-
}
|
|
27
|
-
if (element) {
|
|
28
|
-
element.focus();
|
|
29
|
-
return element;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
return null;
|
|
33
|
-
}
|
|
34
|
-
exports.focusToSibling = focusToSibling;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.focusToSibling = exports.getPreviousElement = exports.getNextElement = exports.setUIFocusVisibility = exports.getUILastFocusable = exports.getUIFirstFocusable = void 0;
|
|
4
|
+
const react_1 = require("@fluentui/react");
|
|
5
|
+
Object.defineProperty(exports, "getUIFirstFocusable", { enumerable: true, get: function () { return react_1.getFirstFocusable; } });
|
|
6
|
+
Object.defineProperty(exports, "getUILastFocusable", { enumerable: true, get: function () { return react_1.getLastFocusable; } });
|
|
7
|
+
Object.defineProperty(exports, "setUIFocusVisibility", { enumerable: true, get: function () { return react_1.setFocusVisibility; } });
|
|
8
|
+
Object.defineProperty(exports, "getNextElement", { enumerable: true, get: function () { return react_1.getNextElement; } });
|
|
9
|
+
Object.defineProperty(exports, "getPreviousElement", { enumerable: true, get: function () { return react_1.getPreviousElement; } });
|
|
10
|
+
/**
|
|
11
|
+
* Method redirects focus to next or previous element based on source element in stack/sequence in DOM.
|
|
12
|
+
*
|
|
13
|
+
* @param source Source/current element.
|
|
14
|
+
* @param next `true` if should focus next or `false` if should focus previous.
|
|
15
|
+
* @returns Redirected element.
|
|
16
|
+
*/
|
|
17
|
+
function focusToSibling(source, next) {
|
|
18
|
+
const document = (0, react_1.getDocument)();
|
|
19
|
+
if (document) {
|
|
20
|
+
let element = null;
|
|
21
|
+
if (next) {
|
|
22
|
+
element = (0, react_1.getNextElement)(document.body, source, false, false, true, true);
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
element = (0, react_1.getPreviousElement)(document.body, source, false, false, true, true);
|
|
26
|
+
}
|
|
27
|
+
if (element) {
|
|
28
|
+
element.focus();
|
|
29
|
+
return element;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
return null;
|
|
33
|
+
}
|
|
34
|
+
exports.focusToSibling = focusToSibling;
|
|
35
35
|
//# sourceMappingURL=Focus.js.map
|
package/dist/utilities/Id.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { getId } from '@fluentui/react';
|
|
2
|
-
export { getId as getUIId };
|
|
1
|
+
import { getId } from '@fluentui/react';
|
|
2
|
+
export { getId as getUIId };
|
|
3
3
|
//# sourceMappingURL=Id.d.ts.map
|
package/dist/utilities/Id.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getUIId = void 0;
|
|
4
|
-
const react_1 = require("@fluentui/react");
|
|
5
|
-
Object.defineProperty(exports, "getUIId", { enumerable: true, get: function () { return react_1.getId; } });
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getUIId = void 0;
|
|
4
|
+
const react_1 = require("@fluentui/react");
|
|
5
|
+
Object.defineProperty(exports, "getUIId", { enumerable: true, get: function () { return react_1.getId; } });
|
|
6
6
|
//# sourceMappingURL=Id.js.map
|
package/dist/utilities/Keys.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { KeyCodes } from '@fluentui/react';
|
|
2
|
-
export { KeyCodes as UIKeyCodes };
|
|
1
|
+
import { KeyCodes } from '@fluentui/react';
|
|
2
|
+
export { KeyCodes as UIKeyCodes };
|
|
3
3
|
//# sourceMappingURL=Keys.d.ts.map
|
package/dist/utilities/Keys.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.UIKeyCodes = void 0;
|
|
4
|
-
const react_1 = require("@fluentui/react");
|
|
5
|
-
Object.defineProperty(exports, "UIKeyCodes", { enumerable: true, get: function () { return react_1.KeyCodes; } });
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.UIKeyCodes = void 0;
|
|
4
|
+
const react_1 = require("@fluentui/react");
|
|
5
|
+
Object.defineProperty(exports, "UIKeyCodes", { enumerable: true, get: function () { return react_1.KeyCodes; } });
|
|
6
6
|
//# sourceMappingURL=Keys.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from './Dom';
|
|
2
|
-
export * from './Focus';
|
|
3
|
-
export * from './Id';
|
|
4
|
-
export * from './Keys';
|
|
1
|
+
export * from './Dom';
|
|
2
|
+
export * from './Focus';
|
|
3
|
+
export * from './Id';
|
|
4
|
+
export * from './Keys';
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|