@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,71 +1,71 @@
|
|
|
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.UIVirtualList = exports.defaultCellRangeRenderer = exports.CellMeasurerCache = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const react_virtualized_1 = require("react-virtualized");
|
|
9
|
-
var react_virtualized_2 = require("react-virtualized");
|
|
10
|
-
Object.defineProperty(exports, "CellMeasurerCache", { enumerable: true, get: function () { return react_virtualized_2.CellMeasurerCache; } });
|
|
11
|
-
Object.defineProperty(exports, "defaultCellRangeRenderer", { enumerable: true, get: function () { return react_virtualized_2.defaultCellRangeRenderer; } });
|
|
12
|
-
/**
|
|
13
|
-
* UIVirtualList component.
|
|
14
|
-
* based on https://github.com/bvaughn/react-virtualized/tree/master/source/List.
|
|
15
|
-
*
|
|
16
|
-
* @exports
|
|
17
|
-
* @class UIVirtualList
|
|
18
|
-
* @extends {React.Component<ListProps, {}>}
|
|
19
|
-
*/
|
|
20
|
-
class UIVirtualList extends react_1.default.Component {
|
|
21
|
-
/**
|
|
22
|
-
* Initializes component properties.
|
|
23
|
-
*
|
|
24
|
-
* @param {CellMeasurerProps} props
|
|
25
|
-
*/
|
|
26
|
-
constructor(props) {
|
|
27
|
-
super(props);
|
|
28
|
-
this.listRef = react_1.default.createRef();
|
|
29
|
-
}
|
|
30
|
-
forceListUpdate() {
|
|
31
|
-
if (this.listRef.current) {
|
|
32
|
-
this.listRef.current.forceUpdate();
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* Scrolls to the row based on index.
|
|
37
|
-
*
|
|
38
|
-
* @param index
|
|
39
|
-
*/
|
|
40
|
-
scrollToRow(index) {
|
|
41
|
-
if (this.listRef.current) {
|
|
42
|
-
this.listRef.current.scrollToRow(index);
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Method to compute row height.
|
|
47
|
-
*
|
|
48
|
-
* @param {number} index
|
|
49
|
-
*/
|
|
50
|
-
recomputeRowHeights(index) {
|
|
51
|
-
if (this.listRef.current) {
|
|
52
|
-
this.listRef.current.recomputeRowHeights(index);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Method returns state of component isScrolling.
|
|
57
|
-
*
|
|
58
|
-
* @returns {boolean}
|
|
59
|
-
*/
|
|
60
|
-
isScrolling() {
|
|
61
|
-
return !!this.listRef.current?.Grid?.state.isScrolling;
|
|
62
|
-
}
|
|
63
|
-
/**
|
|
64
|
-
* @returns {JSX.Element}
|
|
65
|
-
*/
|
|
66
|
-
render() {
|
|
67
|
-
return (react_1.default.createElement(react_virtualized_1.List, { ref: this.listRef, ...this.props }, this.props.children));
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
exports.UIVirtualList = UIVirtualList;
|
|
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.UIVirtualList = exports.defaultCellRangeRenderer = exports.CellMeasurerCache = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_virtualized_1 = require("react-virtualized");
|
|
9
|
+
var react_virtualized_2 = require("react-virtualized");
|
|
10
|
+
Object.defineProperty(exports, "CellMeasurerCache", { enumerable: true, get: function () { return react_virtualized_2.CellMeasurerCache; } });
|
|
11
|
+
Object.defineProperty(exports, "defaultCellRangeRenderer", { enumerable: true, get: function () { return react_virtualized_2.defaultCellRangeRenderer; } });
|
|
12
|
+
/**
|
|
13
|
+
* UIVirtualList component.
|
|
14
|
+
* based on https://github.com/bvaughn/react-virtualized/tree/master/source/List.
|
|
15
|
+
*
|
|
16
|
+
* @exports
|
|
17
|
+
* @class UIVirtualList
|
|
18
|
+
* @extends {React.Component<ListProps, {}>}
|
|
19
|
+
*/
|
|
20
|
+
class UIVirtualList extends react_1.default.Component {
|
|
21
|
+
/**
|
|
22
|
+
* Initializes component properties.
|
|
23
|
+
*
|
|
24
|
+
* @param {CellMeasurerProps} props
|
|
25
|
+
*/
|
|
26
|
+
constructor(props) {
|
|
27
|
+
super(props);
|
|
28
|
+
this.listRef = react_1.default.createRef();
|
|
29
|
+
}
|
|
30
|
+
forceListUpdate() {
|
|
31
|
+
if (this.listRef.current) {
|
|
32
|
+
this.listRef.current.forceUpdate();
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Scrolls to the row based on index.
|
|
37
|
+
*
|
|
38
|
+
* @param index
|
|
39
|
+
*/
|
|
40
|
+
scrollToRow(index) {
|
|
41
|
+
if (this.listRef.current) {
|
|
42
|
+
this.listRef.current.scrollToRow(index);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Method to compute row height.
|
|
47
|
+
*
|
|
48
|
+
* @param {number} index
|
|
49
|
+
*/
|
|
50
|
+
recomputeRowHeights(index) {
|
|
51
|
+
if (this.listRef.current) {
|
|
52
|
+
this.listRef.current.recomputeRowHeights(index);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* Method returns state of component isScrolling.
|
|
57
|
+
*
|
|
58
|
+
* @returns {boolean}
|
|
59
|
+
*/
|
|
60
|
+
isScrolling() {
|
|
61
|
+
return !!this.listRef.current?.Grid?.state.isScrolling;
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* @returns {JSX.Element}
|
|
65
|
+
*/
|
|
66
|
+
render() {
|
|
67
|
+
return (react_1.default.createElement(react_virtualized_1.List, { ref: this.listRef, ...this.props }, this.props.children));
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
exports.UIVirtualList = UIVirtualList;
|
|
71
71
|
//# sourceMappingURL=UIVirtualList.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from './UIAutoSizer';
|
|
2
|
-
export * from './UICellMeasurer';
|
|
3
|
-
export * from './UIVirtualList';
|
|
1
|
+
export * from './UIAutoSizer';
|
|
2
|
+
export * from './UICellMeasurer';
|
|
3
|
+
export * from './UIVirtualList';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,20 +1,20 @@
|
|
|
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("./UIAutoSizer"), exports);
|
|
18
|
-
__exportStar(require("./UICellMeasurer"), exports);
|
|
19
|
-
__exportStar(require("./UIVirtualList"), 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("./UIAutoSizer"), exports);
|
|
18
|
+
__exportStar(require("./UICellMeasurer"), exports);
|
|
19
|
+
__exportStar(require("./UIVirtualList"), exports);
|
|
20
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,39 +1,40 @@
|
|
|
1
|
-
export * from './Icons';
|
|
2
|
-
export * from './UIButton';
|
|
3
|
-
export * from './UIBreadcrumb';
|
|
4
|
-
export * from './UICallout';
|
|
5
|
-
export * from './UICheckbox';
|
|
6
|
-
export * from './UIChoiceGroup';
|
|
7
|
-
export * from './UIComboBox';
|
|
8
|
-
export * from './UIContextualMenu';
|
|
9
|
-
export * from './UICreateSelect';
|
|
10
|
-
export * from './UIDialog';
|
|
11
|
-
export * from './UIDropdown';
|
|
12
|
-
export * from './UIFlexibleTable';
|
|
13
|
-
export * from './UIFocusZone';
|
|
14
|
-
export * from './UIIcon';
|
|
15
|
-
export * from './UIInput';
|
|
16
|
-
export * from './UILabel';
|
|
17
|
-
export * from './UILink';
|
|
18
|
-
export * from './UIList';
|
|
19
|
-
export * from './UILoader';
|
|
20
|
-
export * from './UIMessageBar';
|
|
21
|
-
export * from './UIModal';
|
|
22
|
-
export * from './UIOverlay';
|
|
23
|
-
export * from './UIPersona';
|
|
24
|
-
export * from './
|
|
25
|
-
export * from './
|
|
26
|
-
export * from './
|
|
27
|
-
export * from './
|
|
28
|
-
export * from './
|
|
29
|
-
export * from './
|
|
30
|
-
export * from './
|
|
31
|
-
export * from './
|
|
32
|
-
export * from './
|
|
33
|
-
export * from './
|
|
34
|
-
export * from './
|
|
35
|
-
export * from './
|
|
36
|
-
export * from './
|
|
37
|
-
export * from './
|
|
38
|
-
export * from './
|
|
1
|
+
export * from './Icons';
|
|
2
|
+
export * from './UIButton';
|
|
3
|
+
export * from './UIBreadcrumb';
|
|
4
|
+
export * from './UICallout';
|
|
5
|
+
export * from './UICheckbox';
|
|
6
|
+
export * from './UIChoiceGroup';
|
|
7
|
+
export * from './UIComboBox';
|
|
8
|
+
export * from './UIContextualMenu';
|
|
9
|
+
export * from './UICreateSelect';
|
|
10
|
+
export * from './UIDialog';
|
|
11
|
+
export * from './UIDropdown';
|
|
12
|
+
export * from './UIFlexibleTable';
|
|
13
|
+
export * from './UIFocusZone';
|
|
14
|
+
export * from './UIIcon';
|
|
15
|
+
export * from './UIInput';
|
|
16
|
+
export * from './UILabel';
|
|
17
|
+
export * from './UILink';
|
|
18
|
+
export * from './UIList';
|
|
19
|
+
export * from './UILoader';
|
|
20
|
+
export * from './UIMessageBar';
|
|
21
|
+
export * from './UIModal';
|
|
22
|
+
export * from './UIOverlay';
|
|
23
|
+
export * from './UIPersona';
|
|
24
|
+
export * from './UIQuickNavigation';
|
|
25
|
+
export * from './UISearchBox';
|
|
26
|
+
export * from './UISeparator';
|
|
27
|
+
export * from './UISection';
|
|
28
|
+
export * from './UITable';
|
|
29
|
+
export * from './UITabs';
|
|
30
|
+
export * from './UIToggle';
|
|
31
|
+
export * from './UIToggleGroup';
|
|
32
|
+
export * from './UITooltip';
|
|
33
|
+
export * from './UIToolbar';
|
|
34
|
+
export * from './UITranslationInput';
|
|
35
|
+
export * from './UITreeDropdown';
|
|
36
|
+
export * from './UIVerticalDivider';
|
|
37
|
+
export * from './UIVirtualList';
|
|
38
|
+
export * from './UIDatePicker';
|
|
39
|
+
export * from './UIActionCallout';
|
|
39
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,55 +1,56 @@
|
|
|
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("./Icons"), exports);
|
|
18
|
-
__exportStar(require("./UIButton"), exports);
|
|
19
|
-
__exportStar(require("./UIBreadcrumb"), exports);
|
|
20
|
-
__exportStar(require("./UICallout"), exports);
|
|
21
|
-
__exportStar(require("./UICheckbox"), exports);
|
|
22
|
-
__exportStar(require("./UIChoiceGroup"), exports);
|
|
23
|
-
__exportStar(require("./UIComboBox"), exports);
|
|
24
|
-
__exportStar(require("./UIContextualMenu"), exports);
|
|
25
|
-
__exportStar(require("./UICreateSelect"), exports);
|
|
26
|
-
__exportStar(require("./UIDialog"), exports);
|
|
27
|
-
__exportStar(require("./UIDropdown"), exports);
|
|
28
|
-
__exportStar(require("./UIFlexibleTable"), exports);
|
|
29
|
-
__exportStar(require("./UIFocusZone"), exports);
|
|
30
|
-
__exportStar(require("./UIIcon"), exports);
|
|
31
|
-
__exportStar(require("./UIInput"), exports);
|
|
32
|
-
__exportStar(require("./UILabel"), exports);
|
|
33
|
-
__exportStar(require("./UILink"), exports);
|
|
34
|
-
__exportStar(require("./UIList"), exports);
|
|
35
|
-
__exportStar(require("./UILoader"), exports);
|
|
36
|
-
__exportStar(require("./UIMessageBar"), exports);
|
|
37
|
-
__exportStar(require("./UIModal"), exports);
|
|
38
|
-
__exportStar(require("./UIOverlay"), exports);
|
|
39
|
-
__exportStar(require("./UIPersona"), exports);
|
|
40
|
-
__exportStar(require("./
|
|
41
|
-
__exportStar(require("./
|
|
42
|
-
__exportStar(require("./
|
|
43
|
-
__exportStar(require("./
|
|
44
|
-
__exportStar(require("./
|
|
45
|
-
__exportStar(require("./
|
|
46
|
-
__exportStar(require("./
|
|
47
|
-
__exportStar(require("./
|
|
48
|
-
__exportStar(require("./
|
|
49
|
-
__exportStar(require("./
|
|
50
|
-
__exportStar(require("./
|
|
51
|
-
__exportStar(require("./
|
|
52
|
-
__exportStar(require("./
|
|
53
|
-
__exportStar(require("./
|
|
54
|
-
__exportStar(require("./
|
|
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("./Icons"), exports);
|
|
18
|
+
__exportStar(require("./UIButton"), exports);
|
|
19
|
+
__exportStar(require("./UIBreadcrumb"), exports);
|
|
20
|
+
__exportStar(require("./UICallout"), exports);
|
|
21
|
+
__exportStar(require("./UICheckbox"), exports);
|
|
22
|
+
__exportStar(require("./UIChoiceGroup"), exports);
|
|
23
|
+
__exportStar(require("./UIComboBox"), exports);
|
|
24
|
+
__exportStar(require("./UIContextualMenu"), exports);
|
|
25
|
+
__exportStar(require("./UICreateSelect"), exports);
|
|
26
|
+
__exportStar(require("./UIDialog"), exports);
|
|
27
|
+
__exportStar(require("./UIDropdown"), exports);
|
|
28
|
+
__exportStar(require("./UIFlexibleTable"), exports);
|
|
29
|
+
__exportStar(require("./UIFocusZone"), exports);
|
|
30
|
+
__exportStar(require("./UIIcon"), exports);
|
|
31
|
+
__exportStar(require("./UIInput"), exports);
|
|
32
|
+
__exportStar(require("./UILabel"), exports);
|
|
33
|
+
__exportStar(require("./UILink"), exports);
|
|
34
|
+
__exportStar(require("./UIList"), exports);
|
|
35
|
+
__exportStar(require("./UILoader"), exports);
|
|
36
|
+
__exportStar(require("./UIMessageBar"), exports);
|
|
37
|
+
__exportStar(require("./UIModal"), exports);
|
|
38
|
+
__exportStar(require("./UIOverlay"), exports);
|
|
39
|
+
__exportStar(require("./UIPersona"), exports);
|
|
40
|
+
__exportStar(require("./UIQuickNavigation"), exports);
|
|
41
|
+
__exportStar(require("./UISearchBox"), exports);
|
|
42
|
+
__exportStar(require("./UISeparator"), exports);
|
|
43
|
+
__exportStar(require("./UISection"), exports);
|
|
44
|
+
__exportStar(require("./UITable"), exports);
|
|
45
|
+
__exportStar(require("./UITabs"), exports);
|
|
46
|
+
__exportStar(require("./UIToggle"), exports);
|
|
47
|
+
__exportStar(require("./UIToggleGroup"), exports);
|
|
48
|
+
__exportStar(require("./UITooltip"), exports);
|
|
49
|
+
__exportStar(require("./UIToolbar"), exports);
|
|
50
|
+
__exportStar(require("./UITranslationInput"), exports);
|
|
51
|
+
__exportStar(require("./UITreeDropdown"), exports);
|
|
52
|
+
__exportStar(require("./UIVerticalDivider"), exports);
|
|
53
|
+
__exportStar(require("./UIVirtualList"), exports);
|
|
54
|
+
__exportStar(require("./UIDatePicker"), exports);
|
|
55
|
+
__exportStar(require("./UIActionCallout"), exports);
|
|
55
56
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,6CAA2B;AAC3B,iDAA+B;AAC/B,8CAA4B;AAC5B,+CAA6B;AAC7B,kDAAgC;AAChC,+CAA6B;AAC7B,qDAAmC;AACnC,mDAAiC;AACjC,6CAA2B;AAC3B,+CAA6B;AAC7B,oDAAkC;AAClC,gDAA8B;AAC9B,2CAAyB;AACzB,4CAA0B;AAC1B,4CAA0B;AAC1B,2CAAyB;AACzB,2CAAyB;AACzB,6CAA2B;AAC3B,iDAA+B;AAC/B,4CAA0B;AAC1B,8CAA4B;AAC5B,8CAA4B;AAC5B,gDAA8B;AAC9B,gDAA8B;AAC9B,8CAA4B;AAC5B,4CAA0B;AAC1B,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,8CAA4B;AAC5B,8CAA4B;AAC5B,uDAAqC;AACrC,mDAAiC;AACjC,sDAAoC;AACpC,kDAAgC;AAChC,iDAA+B;AAC/B,oDAAkC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,6CAA2B;AAC3B,iDAA+B;AAC/B,8CAA4B;AAC5B,+CAA6B;AAC7B,kDAAgC;AAChC,+CAA6B;AAC7B,qDAAmC;AACnC,mDAAiC;AACjC,6CAA2B;AAC3B,+CAA6B;AAC7B,oDAAkC;AAClC,gDAA8B;AAC9B,2CAAyB;AACzB,4CAA0B;AAC1B,4CAA0B;AAC1B,2CAAyB;AACzB,2CAAyB;AACzB,6CAA2B;AAC3B,iDAA+B;AAC/B,4CAA0B;AAC1B,8CAA4B;AAC5B,8CAA4B;AAC5B,sDAAoC;AACpC,gDAA8B;AAC9B,gDAA8B;AAC9B,8CAA4B;AAC5B,4CAA0B;AAC1B,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,8CAA4B;AAC5B,8CAA4B;AAC5B,uDAAqC;AACrC,mDAAiC;AACjC,sDAAoC;AACpC,kDAAgC;AAChC,iDAA+B;AAC/B,oDAAkC"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { InputValidationMessageInfo } from './utils';
|
|
3
|
-
import { ErrorMessageType } from './utils';
|
|
4
|
-
import { UiIcons } from '../../components/Icons';
|
|
5
|
-
import './MessageWrapper.scss';
|
|
6
|
-
export interface MessageWrapperProps {
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
message: InputValidationMessageInfo;
|
|
9
|
-
}
|
|
10
|
-
export declare const MESSAGE_ICONS_MAP: Map<ErrorMessageType | undefined, UiIcons>;
|
|
11
|
-
/**
|
|
12
|
-
* Method return MessageWrapper react element.
|
|
13
|
-
*
|
|
14
|
-
* @param props
|
|
15
|
-
* @returns {React.ReactElement}
|
|
16
|
-
*/
|
|
17
|
-
export declare function MessageWrapper(props: MessageWrapperProps): React.ReactElement;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { InputValidationMessageInfo } from './utils';
|
|
3
|
+
import { ErrorMessageType } from './utils';
|
|
4
|
+
import { UiIcons } from '../../components/Icons';
|
|
5
|
+
import './MessageWrapper.scss';
|
|
6
|
+
export interface MessageWrapperProps {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
message: InputValidationMessageInfo;
|
|
9
|
+
}
|
|
10
|
+
export declare const MESSAGE_ICONS_MAP: Map<ErrorMessageType | undefined, UiIcons>;
|
|
11
|
+
/**
|
|
12
|
+
* Method return MessageWrapper react element.
|
|
13
|
+
*
|
|
14
|
+
* @param props
|
|
15
|
+
* @returns {React.ReactElement}
|
|
16
|
+
*/
|
|
17
|
+
export declare function MessageWrapper(props: MessageWrapperProps): React.ReactElement;
|
|
18
18
|
//# sourceMappingURL=MessageWrapper.d.ts.map
|
|
@@ -1,35 +1,35 @@
|
|
|
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.MessageWrapper = exports.MESSAGE_ICONS_MAP = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const utils_1 = require("./utils");
|
|
9
|
-
const Icons_1 = require("../../components/Icons");
|
|
10
|
-
const UIIcon_1 = require("../../components/UIIcon");
|
|
11
|
-
require("./MessageWrapper.scss");
|
|
12
|
-
exports.MESSAGE_ICONS_MAP = new Map([
|
|
13
|
-
[undefined, Icons_1.UiIcons.Error],
|
|
14
|
-
["Error" /* ErrorMessageType.Error */, Icons_1.UiIcons.Error],
|
|
15
|
-
["Warning" /* ErrorMessageType.Warning */, Icons_1.UiIcons.Warning],
|
|
16
|
-
["Info" /* ErrorMessageType.Info */, Icons_1.UiIcons.Info]
|
|
17
|
-
]);
|
|
18
|
-
/**
|
|
19
|
-
* Method return MessageWrapper react element.
|
|
20
|
-
*
|
|
21
|
-
* @param props
|
|
22
|
-
* @returns {React.ReactElement}
|
|
23
|
-
*/
|
|
24
|
-
function MessageWrapper(props) {
|
|
25
|
-
const { children, message } = props;
|
|
26
|
-
const errorSuffix = message.message ? utils_1.MESSAGE_TYPES_CLASSNAME_MAP.get(message.type) : undefined;
|
|
27
|
-
const icon = exports.MESSAGE_ICONS_MAP.get(message.type);
|
|
28
|
-
return (react_1.default.createElement("div", { className: `ts-message-wrapper ts-message-wrapper--${errorSuffix}` },
|
|
29
|
-
react_1.default.createElement("div", { className: "ts-message-target" }, children),
|
|
30
|
-
react_1.default.createElement("div", { className: "ts-message-body" },
|
|
31
|
-
react_1.default.createElement(UIIcon_1.UIIcon, { iconName: icon }),
|
|
32
|
-
react_1.default.createElement("span", null, message.message))));
|
|
33
|
-
}
|
|
34
|
-
exports.MessageWrapper = MessageWrapper;
|
|
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.MessageWrapper = exports.MESSAGE_ICONS_MAP = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const utils_1 = require("./utils");
|
|
9
|
+
const Icons_1 = require("../../components/Icons");
|
|
10
|
+
const UIIcon_1 = require("../../components/UIIcon");
|
|
11
|
+
require("./MessageWrapper.scss");
|
|
12
|
+
exports.MESSAGE_ICONS_MAP = new Map([
|
|
13
|
+
[undefined, Icons_1.UiIcons.Error],
|
|
14
|
+
["Error" /* ErrorMessageType.Error */, Icons_1.UiIcons.Error],
|
|
15
|
+
["Warning" /* ErrorMessageType.Warning */, Icons_1.UiIcons.Warning],
|
|
16
|
+
["Info" /* ErrorMessageType.Info */, Icons_1.UiIcons.Info]
|
|
17
|
+
]);
|
|
18
|
+
/**
|
|
19
|
+
* Method return MessageWrapper react element.
|
|
20
|
+
*
|
|
21
|
+
* @param props
|
|
22
|
+
* @returns {React.ReactElement}
|
|
23
|
+
*/
|
|
24
|
+
function MessageWrapper(props) {
|
|
25
|
+
const { children, message } = props;
|
|
26
|
+
const errorSuffix = message.message ? utils_1.MESSAGE_TYPES_CLASSNAME_MAP.get(message.type) : undefined;
|
|
27
|
+
const icon = exports.MESSAGE_ICONS_MAP.get(message.type);
|
|
28
|
+
return (react_1.default.createElement("div", { className: `ts-message-wrapper ts-message-wrapper--${errorSuffix}` },
|
|
29
|
+
react_1.default.createElement("div", { className: "ts-message-target" }, children),
|
|
30
|
+
react_1.default.createElement("div", { className: "ts-message-body" },
|
|
31
|
+
react_1.default.createElement(UIIcon_1.UIIcon, { iconName: icon }),
|
|
32
|
+
react_1.default.createElement("span", null, message.message))));
|
|
33
|
+
}
|
|
34
|
+
exports.MessageWrapper = MessageWrapper;
|
|
35
35
|
//# sourceMappingURL=MessageWrapper.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './MessageWrapper';
|
|
2
|
-
export * from './utils';
|
|
1
|
+
export * from './MessageWrapper';
|
|
2
|
+
export * from './utils';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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("./MessageWrapper"), exports);
|
|
18
|
-
__exportStar(require("./utils"), 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("./MessageWrapper"), exports);
|
|
18
|
+
__exportStar(require("./utils"), exports);
|
|
19
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import type { IRawStyle } from '@fluentui/react';
|
|
2
|
-
export declare const enum ErrorMessageType {
|
|
3
|
-
Error = "Error",
|
|
4
|
-
Warning = "Warning",
|
|
5
|
-
Info = "Info"
|
|
6
|
-
}
|
|
7
|
-
export interface UIMessagesExtendedProps {
|
|
8
|
-
warningMessage?: string;
|
|
9
|
-
infoMessage?: string;
|
|
10
|
-
}
|
|
11
|
-
export interface UIComponentMessagesProps extends UIMessagesExtendedProps {
|
|
12
|
-
errorMessage?: string;
|
|
13
|
-
}
|
|
14
|
-
export interface InputErrorMessageStyles {
|
|
15
|
-
error: IRawStyle;
|
|
16
|
-
warning: IRawStyle;
|
|
17
|
-
info: IRawStyle;
|
|
18
|
-
}
|
|
19
|
-
export interface InputValidationMessageInfo {
|
|
20
|
-
style: IRawStyle;
|
|
21
|
-
type: ErrorMessageType;
|
|
22
|
-
message?: string;
|
|
23
|
-
}
|
|
24
|
-
export declare const MESSAGE_TYPES_CLASSNAME_MAP: Map<ErrorMessageType | undefined, string>;
|
|
25
|
-
/**
|
|
26
|
-
* Method returns object containing data to display message for component.
|
|
27
|
-
*
|
|
28
|
-
* @param {UIMessagesExtendedProps} [props] Component props.
|
|
29
|
-
* @returns {InputValidationMessageInfo} Message info.
|
|
30
|
-
*/
|
|
31
|
-
export declare const getMessageInfo: (props?: UIMessagesExtendedProps) => InputValidationMessageInfo;
|
|
1
|
+
import type { IRawStyle } from '@fluentui/react';
|
|
2
|
+
export declare const enum ErrorMessageType {
|
|
3
|
+
Error = "Error",
|
|
4
|
+
Warning = "Warning",
|
|
5
|
+
Info = "Info"
|
|
6
|
+
}
|
|
7
|
+
export interface UIMessagesExtendedProps {
|
|
8
|
+
warningMessage?: string;
|
|
9
|
+
infoMessage?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface UIComponentMessagesProps extends UIMessagesExtendedProps {
|
|
12
|
+
errorMessage?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface InputErrorMessageStyles {
|
|
15
|
+
error: IRawStyle;
|
|
16
|
+
warning: IRawStyle;
|
|
17
|
+
info: IRawStyle;
|
|
18
|
+
}
|
|
19
|
+
export interface InputValidationMessageInfo {
|
|
20
|
+
style: IRawStyle;
|
|
21
|
+
type: ErrorMessageType;
|
|
22
|
+
message?: string;
|
|
23
|
+
}
|
|
24
|
+
export declare const MESSAGE_TYPES_CLASSNAME_MAP: Map<ErrorMessageType | undefined, string>;
|
|
25
|
+
/**
|
|
26
|
+
* Method returns object containing data to display message for component.
|
|
27
|
+
*
|
|
28
|
+
* @param {UIMessagesExtendedProps} [props] Component props.
|
|
29
|
+
* @returns {InputValidationMessageInfo} Message info.
|
|
30
|
+
*/
|
|
31
|
+
export declare const getMessageInfo: (props?: UIMessagesExtendedProps) => InputValidationMessageInfo;
|
|
32
32
|
//# sourceMappingURL=utils.d.ts.map
|