@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,214 +1,214 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { UITableProps, UITableState } from './types';
|
|
3
|
-
import './UITable.scss';
|
|
4
|
-
/**
|
|
5
|
-
* UITable component
|
|
6
|
-
* based on: https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist
|
|
7
|
-
*
|
|
8
|
-
* @exports
|
|
9
|
-
* @class {UITable}
|
|
10
|
-
* @extends {React.Component<UITableProps, UITableState>}
|
|
11
|
-
*/
|
|
12
|
-
export declare class UITable extends React.Component<UITableProps, UITableState> {
|
|
13
|
-
private tableRef;
|
|
14
|
-
private inputRefs?;
|
|
15
|
-
private selection;
|
|
16
|
-
private onDocMousedown;
|
|
17
|
-
private activeElement;
|
|
18
|
-
private caretPosition;
|
|
19
|
-
/**
|
|
20
|
-
* Initializes component properties.
|
|
21
|
-
*
|
|
22
|
-
* @param props
|
|
23
|
-
*/
|
|
24
|
-
constructor(props: UITableProps);
|
|
25
|
-
componentDidMount(): void;
|
|
26
|
-
componentWillUnmount(): void;
|
|
27
|
-
/**
|
|
28
|
-
* On component update.
|
|
29
|
-
*
|
|
30
|
-
* @param prevProps
|
|
31
|
-
* @param prevState
|
|
32
|
-
*/
|
|
33
|
-
componentDidUpdate(prevProps: UITableProps, prevState: UITableState): void;
|
|
34
|
-
/**
|
|
35
|
-
* Restores the caret position. Caret position gets lost when validation finds issue in cell.
|
|
36
|
-
*/
|
|
37
|
-
private _restoreCaretPosition;
|
|
38
|
-
private _setTextRefs;
|
|
39
|
-
/**
|
|
40
|
-
* On render row fields event.
|
|
41
|
-
*
|
|
42
|
-
* @param props
|
|
43
|
-
* @returns {JSX.Element}
|
|
44
|
-
*/
|
|
45
|
-
private renderRowFields;
|
|
46
|
-
/**
|
|
47
|
-
* On render field event.
|
|
48
|
-
*
|
|
49
|
-
* @param props
|
|
50
|
-
* @param defaultRender
|
|
51
|
-
* @returns {null | JSX.Element}
|
|
52
|
-
*/
|
|
53
|
-
private _onRenderField;
|
|
54
|
-
/**
|
|
55
|
-
* On cell activation event.
|
|
56
|
-
*
|
|
57
|
-
* @param item
|
|
58
|
-
* @param rowIndex
|
|
59
|
-
* @param ev
|
|
60
|
-
*/
|
|
61
|
-
private _onCellActivation;
|
|
62
|
-
private _onRenderRow;
|
|
63
|
-
/**
|
|
64
|
-
* On render item column event.
|
|
65
|
-
*
|
|
66
|
-
* @param {UIDocument} item
|
|
67
|
-
* @param {number} index
|
|
68
|
-
* @param {UIColumn} column
|
|
69
|
-
* @returns {React.ReactNode}
|
|
70
|
-
*/
|
|
71
|
-
private _onRenderItemColumn;
|
|
72
|
-
/**
|
|
73
|
-
* On render checkbox event.
|
|
74
|
-
*
|
|
75
|
-
* @param {IDetailsListCheckboxProps | undefined} props
|
|
76
|
-
* @returns {React.ReactElement}
|
|
77
|
-
*/
|
|
78
|
-
private _onRenderCheckbox;
|
|
79
|
-
/**
|
|
80
|
-
* On column click event.
|
|
81
|
-
*
|
|
82
|
-
* @param ev
|
|
83
|
-
* @param column
|
|
84
|
-
*/
|
|
85
|
-
private _onColumnClick;
|
|
86
|
-
/**
|
|
87
|
-
* On start edit event call.
|
|
88
|
-
*
|
|
89
|
-
* @param rowIndex
|
|
90
|
-
* @param item
|
|
91
|
-
* @param column
|
|
92
|
-
* @param errorMessage
|
|
93
|
-
*/
|
|
94
|
-
private startEdit;
|
|
95
|
-
private rerenderTable;
|
|
96
|
-
private cancelEdit;
|
|
97
|
-
/**
|
|
98
|
-
* On save cell event.
|
|
99
|
-
*
|
|
100
|
-
* @param cancelEdit
|
|
101
|
-
* @param value
|
|
102
|
-
*/
|
|
103
|
-
private saveCell;
|
|
104
|
-
/**
|
|
105
|
-
* On mouse down event.
|
|
106
|
-
*
|
|
107
|
-
* @param e
|
|
108
|
-
*/
|
|
109
|
-
private onDocumentMousedown;
|
|
110
|
-
/**
|
|
111
|
-
* On key down event.
|
|
112
|
-
*
|
|
113
|
-
* @param {React.KeyboardEvent<Element | IDropdown>} e
|
|
114
|
-
* @returns {void}
|
|
115
|
-
*/
|
|
116
|
-
private onKeyDown;
|
|
117
|
-
/**
|
|
118
|
-
* On ComboBox keydown event call.
|
|
119
|
-
*
|
|
120
|
-
* @param e
|
|
121
|
-
*/
|
|
122
|
-
private onComboBoxKeyDownCapture;
|
|
123
|
-
/**
|
|
124
|
-
* On Edit next cell.
|
|
125
|
-
*
|
|
126
|
-
* @param key
|
|
127
|
-
* @param shiftKey
|
|
128
|
-
*/
|
|
129
|
-
private editNextCell;
|
|
130
|
-
/**
|
|
131
|
-
* On Cell click.
|
|
132
|
-
*
|
|
133
|
-
* @param e
|
|
134
|
-
* @param item
|
|
135
|
-
* @param rowIndex
|
|
136
|
-
* @param column
|
|
137
|
-
*/
|
|
138
|
-
private _onCellClick;
|
|
139
|
-
/**
|
|
140
|
-
* Validates passed value for cell and updates "errorMessage" property based on validation result.
|
|
141
|
-
*
|
|
142
|
-
* @param editedCell Cell to validate
|
|
143
|
-
* @param value
|
|
144
|
-
*/
|
|
145
|
-
private validateCell;
|
|
146
|
-
/**
|
|
147
|
-
* On Text input change.
|
|
148
|
-
*
|
|
149
|
-
* @param e
|
|
150
|
-
* @param newValue
|
|
151
|
-
*/
|
|
152
|
-
private onTextInputChange;
|
|
153
|
-
private onComboBoxChange;
|
|
154
|
-
private readonly onDropdownCellValueChange;
|
|
155
|
-
/**
|
|
156
|
-
* Gets input ref.
|
|
157
|
-
*
|
|
158
|
-
* @param rowIndex
|
|
159
|
-
* @param column
|
|
160
|
-
* @returns { React.RefObject<ITextField | IDropdown | HTMLDivElement> | undefined}
|
|
161
|
-
*/
|
|
162
|
-
private _getInputRef;
|
|
163
|
-
/**
|
|
164
|
-
* Renders dropdown.
|
|
165
|
-
*
|
|
166
|
-
* @param item
|
|
167
|
-
* @param rowIndex
|
|
168
|
-
* @param column
|
|
169
|
-
* @returns {any}
|
|
170
|
-
*/
|
|
171
|
-
private _renderDropdown;
|
|
172
|
-
/**
|
|
173
|
-
* Renders combobox.
|
|
174
|
-
*
|
|
175
|
-
* @param item
|
|
176
|
-
* @param rowIndex
|
|
177
|
-
* @param column
|
|
178
|
-
* @returns {any}
|
|
179
|
-
*/
|
|
180
|
-
private _renderCombobox;
|
|
181
|
-
/**
|
|
182
|
-
* Renders date picker.
|
|
183
|
-
*
|
|
184
|
-
* @param item
|
|
185
|
-
* @param rowIndex
|
|
186
|
-
* @param column
|
|
187
|
-
* @param dateOnly
|
|
188
|
-
* @returns {any}
|
|
189
|
-
*/
|
|
190
|
-
private _renderDatePicker;
|
|
191
|
-
/**
|
|
192
|
-
* Renders text input.
|
|
193
|
-
*
|
|
194
|
-
* @param item
|
|
195
|
-
* @param rowIndex
|
|
196
|
-
* @param column
|
|
197
|
-
* @returns {any}
|
|
198
|
-
*/
|
|
199
|
-
private _renderTextInput;
|
|
200
|
-
/**
|
|
201
|
-
* On cell render.
|
|
202
|
-
*
|
|
203
|
-
* @param item
|
|
204
|
-
* @param rowIndex
|
|
205
|
-
* @param column
|
|
206
|
-
* @returns {any}
|
|
207
|
-
*/
|
|
208
|
-
private _onCellRender;
|
|
209
|
-
/**
|
|
210
|
-
* @returns {JSX.Element}
|
|
211
|
-
*/
|
|
212
|
-
render(): JSX.Element;
|
|
213
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { UITableProps, UITableState } from './types';
|
|
3
|
+
import './UITable.scss';
|
|
4
|
+
/**
|
|
5
|
+
* UITable component
|
|
6
|
+
* based on: https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist
|
|
7
|
+
*
|
|
8
|
+
* @exports
|
|
9
|
+
* @class {UITable}
|
|
10
|
+
* @extends {React.Component<UITableProps, UITableState>}
|
|
11
|
+
*/
|
|
12
|
+
export declare class UITable extends React.Component<UITableProps, UITableState> {
|
|
13
|
+
private tableRef;
|
|
14
|
+
private inputRefs?;
|
|
15
|
+
private selection;
|
|
16
|
+
private onDocMousedown;
|
|
17
|
+
private activeElement;
|
|
18
|
+
private caretPosition;
|
|
19
|
+
/**
|
|
20
|
+
* Initializes component properties.
|
|
21
|
+
*
|
|
22
|
+
* @param props
|
|
23
|
+
*/
|
|
24
|
+
constructor(props: UITableProps);
|
|
25
|
+
componentDidMount(): void;
|
|
26
|
+
componentWillUnmount(): void;
|
|
27
|
+
/**
|
|
28
|
+
* On component update.
|
|
29
|
+
*
|
|
30
|
+
* @param prevProps
|
|
31
|
+
* @param prevState
|
|
32
|
+
*/
|
|
33
|
+
componentDidUpdate(prevProps: UITableProps, prevState: UITableState): void;
|
|
34
|
+
/**
|
|
35
|
+
* Restores the caret position. Caret position gets lost when validation finds issue in cell.
|
|
36
|
+
*/
|
|
37
|
+
private _restoreCaretPosition;
|
|
38
|
+
private _setTextRefs;
|
|
39
|
+
/**
|
|
40
|
+
* On render row fields event.
|
|
41
|
+
*
|
|
42
|
+
* @param props
|
|
43
|
+
* @returns {JSX.Element}
|
|
44
|
+
*/
|
|
45
|
+
private renderRowFields;
|
|
46
|
+
/**
|
|
47
|
+
* On render field event.
|
|
48
|
+
*
|
|
49
|
+
* @param props
|
|
50
|
+
* @param defaultRender
|
|
51
|
+
* @returns {null | JSX.Element}
|
|
52
|
+
*/
|
|
53
|
+
private _onRenderField;
|
|
54
|
+
/**
|
|
55
|
+
* On cell activation event.
|
|
56
|
+
*
|
|
57
|
+
* @param item
|
|
58
|
+
* @param rowIndex
|
|
59
|
+
* @param ev
|
|
60
|
+
*/
|
|
61
|
+
private _onCellActivation;
|
|
62
|
+
private _onRenderRow;
|
|
63
|
+
/**
|
|
64
|
+
* On render item column event.
|
|
65
|
+
*
|
|
66
|
+
* @param {UIDocument} item
|
|
67
|
+
* @param {number} index
|
|
68
|
+
* @param {UIColumn} column
|
|
69
|
+
* @returns {React.ReactNode}
|
|
70
|
+
*/
|
|
71
|
+
private _onRenderItemColumn;
|
|
72
|
+
/**
|
|
73
|
+
* On render checkbox event.
|
|
74
|
+
*
|
|
75
|
+
* @param {IDetailsListCheckboxProps | undefined} props
|
|
76
|
+
* @returns {React.ReactElement}
|
|
77
|
+
*/
|
|
78
|
+
private _onRenderCheckbox;
|
|
79
|
+
/**
|
|
80
|
+
* On column click event.
|
|
81
|
+
*
|
|
82
|
+
* @param ev
|
|
83
|
+
* @param column
|
|
84
|
+
*/
|
|
85
|
+
private _onColumnClick;
|
|
86
|
+
/**
|
|
87
|
+
* On start edit event call.
|
|
88
|
+
*
|
|
89
|
+
* @param rowIndex
|
|
90
|
+
* @param item
|
|
91
|
+
* @param column
|
|
92
|
+
* @param errorMessage
|
|
93
|
+
*/
|
|
94
|
+
private startEdit;
|
|
95
|
+
private rerenderTable;
|
|
96
|
+
private cancelEdit;
|
|
97
|
+
/**
|
|
98
|
+
* On save cell event.
|
|
99
|
+
*
|
|
100
|
+
* @param cancelEdit
|
|
101
|
+
* @param value
|
|
102
|
+
*/
|
|
103
|
+
private saveCell;
|
|
104
|
+
/**
|
|
105
|
+
* On mouse down event.
|
|
106
|
+
*
|
|
107
|
+
* @param e
|
|
108
|
+
*/
|
|
109
|
+
private onDocumentMousedown;
|
|
110
|
+
/**
|
|
111
|
+
* On key down event.
|
|
112
|
+
*
|
|
113
|
+
* @param {React.KeyboardEvent<Element | IDropdown>} e
|
|
114
|
+
* @returns {void}
|
|
115
|
+
*/
|
|
116
|
+
private onKeyDown;
|
|
117
|
+
/**
|
|
118
|
+
* On ComboBox keydown event call.
|
|
119
|
+
*
|
|
120
|
+
* @param e
|
|
121
|
+
*/
|
|
122
|
+
private onComboBoxKeyDownCapture;
|
|
123
|
+
/**
|
|
124
|
+
* On Edit next cell.
|
|
125
|
+
*
|
|
126
|
+
* @param key
|
|
127
|
+
* @param shiftKey
|
|
128
|
+
*/
|
|
129
|
+
private editNextCell;
|
|
130
|
+
/**
|
|
131
|
+
* On Cell click.
|
|
132
|
+
*
|
|
133
|
+
* @param e
|
|
134
|
+
* @param item
|
|
135
|
+
* @param rowIndex
|
|
136
|
+
* @param column
|
|
137
|
+
*/
|
|
138
|
+
private _onCellClick;
|
|
139
|
+
/**
|
|
140
|
+
* Validates passed value for cell and updates "errorMessage" property based on validation result.
|
|
141
|
+
*
|
|
142
|
+
* @param editedCell Cell to validate
|
|
143
|
+
* @param value
|
|
144
|
+
*/
|
|
145
|
+
private validateCell;
|
|
146
|
+
/**
|
|
147
|
+
* On Text input change.
|
|
148
|
+
*
|
|
149
|
+
* @param e
|
|
150
|
+
* @param newValue
|
|
151
|
+
*/
|
|
152
|
+
private onTextInputChange;
|
|
153
|
+
private onComboBoxChange;
|
|
154
|
+
private readonly onDropdownCellValueChange;
|
|
155
|
+
/**
|
|
156
|
+
* Gets input ref.
|
|
157
|
+
*
|
|
158
|
+
* @param rowIndex
|
|
159
|
+
* @param column
|
|
160
|
+
* @returns { React.RefObject<ITextField | IDropdown | HTMLDivElement> | undefined}
|
|
161
|
+
*/
|
|
162
|
+
private _getInputRef;
|
|
163
|
+
/**
|
|
164
|
+
* Renders dropdown.
|
|
165
|
+
*
|
|
166
|
+
* @param item
|
|
167
|
+
* @param rowIndex
|
|
168
|
+
* @param column
|
|
169
|
+
* @returns {any}
|
|
170
|
+
*/
|
|
171
|
+
private _renderDropdown;
|
|
172
|
+
/**
|
|
173
|
+
* Renders combobox.
|
|
174
|
+
*
|
|
175
|
+
* @param item
|
|
176
|
+
* @param rowIndex
|
|
177
|
+
* @param column
|
|
178
|
+
* @returns {any}
|
|
179
|
+
*/
|
|
180
|
+
private _renderCombobox;
|
|
181
|
+
/**
|
|
182
|
+
* Renders date picker.
|
|
183
|
+
*
|
|
184
|
+
* @param item
|
|
185
|
+
* @param rowIndex
|
|
186
|
+
* @param column
|
|
187
|
+
* @param dateOnly
|
|
188
|
+
* @returns {any}
|
|
189
|
+
*/
|
|
190
|
+
private _renderDatePicker;
|
|
191
|
+
/**
|
|
192
|
+
* Renders text input.
|
|
193
|
+
*
|
|
194
|
+
* @param item
|
|
195
|
+
* @param rowIndex
|
|
196
|
+
* @param column
|
|
197
|
+
* @returns {any}
|
|
198
|
+
*/
|
|
199
|
+
private _renderTextInput;
|
|
200
|
+
/**
|
|
201
|
+
* On cell render.
|
|
202
|
+
*
|
|
203
|
+
* @param item
|
|
204
|
+
* @param rowIndex
|
|
205
|
+
* @param column
|
|
206
|
+
* @returns {any}
|
|
207
|
+
*/
|
|
208
|
+
private _onCellRender;
|
|
209
|
+
/**
|
|
210
|
+
* @returns {JSX.Element}
|
|
211
|
+
*/
|
|
212
|
+
render(): JSX.Element;
|
|
213
|
+
}
|
|
214
214
|
//# sourceMappingURL=UITable.d.ts.map
|