@sap-ux/ui-components 2.2.5 → 3.0.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.js +583 -590
- package/dist/components/Icons.js.map +1 -1
- package/dist/components/UIActionCallout/UIActionCallout.d.ts +1 -1
- package/dist/components/UIActionCallout/UIActionCallout.d.ts.map +1 -1
- package/dist/components/UIActionCallout/UIActionCallout.js +12 -19
- package/dist/components/UIActionCallout/UIActionCallout.js.map +1 -1
- package/dist/components/UIActionCallout/index.d.ts +1 -1
- package/dist/components/UIActionCallout/index.d.ts.map +1 -1
- package/dist/components/UIActionCallout/index.js +1 -17
- package/dist/components/UIActionCallout/index.js.map +1 -1
- package/dist/components/UIBreadcrumb/UIBreadcrumb.js +4 -11
- package/dist/components/UIBreadcrumb/UIBreadcrumb.js.map +1 -1
- package/dist/components/UIBreadcrumb/index.d.ts +1 -1
- package/dist/components/UIBreadcrumb/index.d.ts.map +1 -1
- package/dist/components/UIBreadcrumb/index.js +1 -17
- package/dist/components/UIBreadcrumb/index.js.map +1 -1
- package/dist/components/UIButton/UIActionButton.d.ts +1 -1
- package/dist/components/UIButton/UIActionButton.d.ts.map +1 -1
- package/dist/components/UIButton/UIActionButton.js +8 -15
- package/dist/components/UIButton/UIActionButton.js.map +1 -1
- package/dist/components/UIButton/UIDefaultButton.d.ts +1 -1
- package/dist/components/UIButton/UIDefaultButton.d.ts.map +1 -1
- package/dist/components/UIButton/UIDefaultButton.js +100 -107
- package/dist/components/UIButton/UIDefaultButton.js.map +1 -1
- package/dist/components/UIButton/UIIconButton.d.ts +1 -1
- package/dist/components/UIButton/UIIconButton.d.ts.map +1 -1
- package/dist/components/UIButton/UIIconButton.js +7 -14
- package/dist/components/UIButton/UIIconButton.js.map +1 -1
- package/dist/components/UIButton/UISmallButton.js +4 -11
- package/dist/components/UIButton/UISmallButton.js.map +1 -1
- package/dist/components/UIButton/UISplitButton.d.ts +1 -1
- package/dist/components/UIButton/UISplitButton.d.ts.map +1 -1
- package/dist/components/UIButton/UISplitButton.js +8 -45
- package/dist/components/UIButton/UISplitButton.js.map +1 -1
- package/dist/components/UIButton/index.d.ts +7 -7
- package/dist/components/UIButton/index.d.ts.map +1 -1
- package/dist/components/UIButton/index.js +5 -21
- package/dist/components/UIButton/index.js.map +1 -1
- package/dist/components/UICallout/CalloutCollisionTransform.js +1 -5
- package/dist/components/UICallout/CalloutCollisionTransform.js.map +1 -1
- package/dist/components/UICallout/UICallout.js +23 -31
- package/dist/components/UICallout/UICallout.js.map +1 -1
- package/dist/components/UICallout/index.d.ts +2 -2
- package/dist/components/UICallout/index.d.ts.map +1 -1
- package/dist/components/UICallout/index.js +2 -18
- package/dist/components/UICallout/index.js.map +1 -1
- package/dist/components/UICheckbox/UICheckbox.d.ts +1 -1
- package/dist/components/UICheckbox/UICheckbox.d.ts.map +1 -1
- package/dist/components/UICheckbox/UICheckbox.js +15 -22
- package/dist/components/UICheckbox/UICheckbox.js.map +1 -1
- package/dist/components/UICheckbox/index.d.ts +1 -1
- package/dist/components/UICheckbox/index.d.ts.map +1 -1
- package/dist/components/UICheckbox/index.js +1 -17
- package/dist/components/UICheckbox/index.js.map +1 -1
- package/dist/components/UIChoiceGroup/UIChoiceGroup.js +8 -15
- package/dist/components/UIChoiceGroup/UIChoiceGroup.js.map +1 -1
- package/dist/components/UIChoiceGroup/index.d.ts +1 -1
- package/dist/components/UIChoiceGroup/index.d.ts.map +1 -1
- package/dist/components/UIChoiceGroup/index.js +1 -17
- package/dist/components/UIChoiceGroup/index.js.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.d.ts +3 -4
- package/dist/components/UIComboBox/UIComboBox.d.ts.map +1 -1
- package/dist/components/UIComboBox/UIComboBox.js +45 -52
- package/dist/components/UIComboBox/UIComboBox.js.map +1 -1
- package/dist/components/UIComboBox/index.d.ts +1 -1
- package/dist/components/UIComboBox/index.d.ts.map +1 -1
- package/dist/components/UIComboBox/index.js +1 -17
- package/dist/components/UIComboBox/index.js.map +1 -1
- package/dist/components/UIContextualMenu/UIContextualMenu.d.ts +5 -5
- package/dist/components/UIContextualMenu/UIContextualMenu.d.ts.map +1 -1
- package/dist/components/UIContextualMenu/UIContextualMenu.js +16 -26
- package/dist/components/UIContextualMenu/UIContextualMenu.js.map +1 -1
- package/dist/components/UIContextualMenu/UIHighlightMenuOption.js +7 -14
- package/dist/components/UIContextualMenu/UIHighlightMenuOption.js.map +1 -1
- package/dist/components/UIContextualMenu/index.d.ts +2 -2
- package/dist/components/UIContextualMenu/index.d.ts.map +1 -1
- package/dist/components/UIContextualMenu/index.js +2 -18
- package/dist/components/UIContextualMenu/index.js.map +1 -1
- package/dist/components/UICreateSelect/UICreateSelect.d.ts +2 -3
- package/dist/components/UICreateSelect/UICreateSelect.d.ts.map +1 -1
- package/dist/components/UICreateSelect/UICreateSelect.js +21 -28
- package/dist/components/UICreateSelect/UICreateSelect.js.map +1 -1
- package/dist/components/UICreateSelect/index.d.ts +1 -1
- package/dist/components/UICreateSelect/index.d.ts.map +1 -1
- package/dist/components/UICreateSelect/index.js +1 -17
- package/dist/components/UICreateSelect/index.js.map +1 -1
- package/dist/components/UIDatePicker/UIDatePicker.d.ts +1 -1
- package/dist/components/UIDatePicker/UIDatePicker.d.ts.map +1 -1
- package/dist/components/UIDatePicker/UIDatePicker.js +11 -18
- package/dist/components/UIDatePicker/UIDatePicker.js.map +1 -1
- package/dist/components/UIDatePicker/index.d.ts +1 -1
- package/dist/components/UIDatePicker/index.d.ts.map +1 -1
- package/dist/components/UIDatePicker/index.js +1 -17
- package/dist/components/UIDatePicker/index.js.map +1 -1
- package/dist/components/UIDialog/UIDialog.js +30 -37
- package/dist/components/UIDialog/UIDialog.js.map +1 -1
- package/dist/components/UIDialog/index.d.ts +1 -1
- package/dist/components/UIDialog/index.d.ts.map +1 -1
- package/dist/components/UIDialog/index.js +1 -17
- package/dist/components/UIDialog/index.js.map +1 -1
- package/dist/components/UIDropdown/UIDropdown.d.ts +4 -4
- package/dist/components/UIDropdown/UIDropdown.d.ts.map +1 -1
- package/dist/components/UIDropdown/UIDropdown.js +27 -34
- package/dist/components/UIDropdown/UIDropdown.js.map +1 -1
- package/dist/components/UIDropdown/index.d.ts +2 -2
- package/dist/components/UIDropdown/index.d.ts.map +1 -1
- package/dist/components/UIDropdown/index.js +2 -18
- package/dist/components/UIDropdown/index.js.map +1 -1
- package/dist/components/UIDropdown/utils.d.ts +3 -3
- package/dist/components/UIDropdown/utils.d.ts.map +1 -1
- package/dist/components/UIDropdown/utils.js +3 -8
- package/dist/components/UIDropdown/utils.js.map +1 -1
- package/dist/components/UIFlexibleTable/RowActions.d.ts +1 -1
- package/dist/components/UIFlexibleTable/RowActions.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/RowActions.js +13 -19
- package/dist/components/UIFlexibleTable/RowActions.js.map +1 -1
- package/dist/components/UIFlexibleTable/RowData.d.ts +1 -1
- package/dist/components/UIFlexibleTable/RowData.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/RowData.js +16 -22
- package/dist/components/UIFlexibleTable/RowData.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTable.d.ts +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTable.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTable.js +50 -86
- package/dist/components/UIFlexibleTable/UIFlexibleTable.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.d.ts +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.js +5 -11
- package/dist/components/UIFlexibleTable/UIFlexibleTableActionButton.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.d.ts +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js +33 -40
- package/dist/components/UIFlexibleTable/UIFlexibleTableRow.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.d.ts +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.js +5 -11
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowActionButton.js.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.d.ts +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.js +7 -13
- package/dist/components/UIFlexibleTable/UIFlexibleTableRowNoData.js.map +1 -1
- package/dist/components/UIFlexibleTable/index.d.ts +5 -5
- package/dist/components/UIFlexibleTable/index.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/index.js +5 -21
- package/dist/components/UIFlexibleTable/index.js.map +1 -1
- package/dist/components/UIFlexibleTable/types.d.ts +1 -1
- package/dist/components/UIFlexibleTable/types.d.ts.map +1 -1
- package/dist/components/UIFlexibleTable/types.js +4 -7
- package/dist/components/UIFlexibleTable/types.js.map +1 -1
- package/dist/components/UIFlexibleTable/utils.js +3 -8
- package/dist/components/UIFlexibleTable/utils.js.map +1 -1
- package/dist/components/UIFocusZone/UIFocusTrapZone.js +4 -11
- package/dist/components/UIFocusZone/UIFocusTrapZone.js.map +1 -1
- package/dist/components/UIFocusZone/UIFocusZone.d.ts +2 -2
- package/dist/components/UIFocusZone/UIFocusZone.d.ts.map +1 -1
- package/dist/components/UIFocusZone/UIFocusZone.js +5 -13
- package/dist/components/UIFocusZone/UIFocusZone.js.map +1 -1
- package/dist/components/UIFocusZone/index.d.ts +2 -2
- package/dist/components/UIFocusZone/index.d.ts.map +1 -1
- package/dist/components/UIFocusZone/index.js +2 -18
- package/dist/components/UIFocusZone/index.js.map +1 -1
- package/dist/components/UIIcon/UIIcon.js +5 -12
- package/dist/components/UIIcon/UIIcon.js.map +1 -1
- package/dist/components/UIIcon/index.d.ts +1 -1
- package/dist/components/UIIcon/index.d.ts.map +1 -1
- package/dist/components/UIIcon/index.js +1 -17
- package/dist/components/UIIcon/index.js.map +1 -1
- package/dist/components/UIInput/UITextInput.d.ts +2 -2
- package/dist/components/UIInput/UITextInput.d.ts.map +1 -1
- package/dist/components/UIInput/UITextInput.js +16 -23
- package/dist/components/UIInput/UITextInput.js.map +1 -1
- package/dist/components/UIInput/index.d.ts +1 -1
- package/dist/components/UIInput/index.d.ts.map +1 -1
- package/dist/components/UIInput/index.js +1 -17
- package/dist/components/UIInput/index.js.map +1 -1
- package/dist/components/UILabel/UILabel.js +8 -15
- package/dist/components/UILabel/UILabel.js.map +1 -1
- package/dist/components/UILabel/index.d.ts +1 -1
- package/dist/components/UILabel/index.d.ts.map +1 -1
- package/dist/components/UILabel/index.js +1 -17
- package/dist/components/UILabel/index.js.map +1 -1
- package/dist/components/UILink/UILink.js +4 -11
- package/dist/components/UILink/UILink.js.map +1 -1
- package/dist/components/UILink/index.d.ts +1 -1
- package/dist/components/UILink/index.d.ts.map +1 -1
- package/dist/components/UILink/index.js +1 -17
- package/dist/components/UILink/index.js.map +1 -1
- package/dist/components/UIList/UIList.js +7 -14
- package/dist/components/UIList/UIList.js.map +1 -1
- package/dist/components/UIList/index.d.ts +1 -1
- package/dist/components/UIList/index.d.ts.map +1 -1
- package/dist/components/UIList/index.js +1 -17
- package/dist/components/UIList/index.js.map +1 -1
- package/dist/components/UILoader/UILoader.js +7 -14
- package/dist/components/UILoader/UILoader.js.map +1 -1
- package/dist/components/UILoader/index.d.ts +1 -1
- package/dist/components/UILoader/index.d.ts.map +1 -1
- package/dist/components/UILoader/index.js +1 -17
- package/dist/components/UILoader/index.js.map +1 -1
- package/dist/components/UIMessageBar/UIMessageBar.d.ts +1 -1
- package/dist/components/UIMessageBar/UIMessageBar.d.ts.map +1 -1
- package/dist/components/UIMessageBar/UIMessageBar.js +17 -24
- package/dist/components/UIMessageBar/UIMessageBar.js.map +1 -1
- package/dist/components/UIMessageBar/index.d.ts +1 -1
- package/dist/components/UIMessageBar/index.d.ts.map +1 -1
- package/dist/components/UIMessageBar/index.js +1 -17
- package/dist/components/UIMessageBar/index.js.map +1 -1
- package/dist/components/UIModal/UIModal.js +4 -11
- package/dist/components/UIModal/UIModal.js.map +1 -1
- package/dist/components/UIModal/index.d.ts +1 -1
- package/dist/components/UIModal/index.d.ts.map +1 -1
- package/dist/components/UIModal/index.js +1 -17
- package/dist/components/UIModal/index.js.map +1 -1
- package/dist/components/UIOverlay/UIOverlay.js +4 -11
- package/dist/components/UIOverlay/UIOverlay.js.map +1 -1
- package/dist/components/UIOverlay/index.d.ts +1 -1
- package/dist/components/UIOverlay/index.d.ts.map +1 -1
- package/dist/components/UIOverlay/index.js +1 -17
- package/dist/components/UIOverlay/index.js.map +1 -1
- package/dist/components/UIPersona/UIPersona.js +6 -13
- package/dist/components/UIPersona/UIPersona.js.map +1 -1
- package/dist/components/UIPersona/index.d.ts +1 -1
- package/dist/components/UIPersona/index.d.ts.map +1 -1
- package/dist/components/UIPersona/index.js +1 -17
- package/dist/components/UIPersona/index.js.map +1 -1
- package/dist/components/UIQuickNavigation/UIQuickNavigation.js +31 -70
- package/dist/components/UIQuickNavigation/UIQuickNavigation.js.map +1 -1
- package/dist/components/UIQuickNavigation/index.d.ts +1 -1
- package/dist/components/UIQuickNavigation/index.d.ts.map +1 -1
- package/dist/components/UIQuickNavigation/index.js +1 -17
- package/dist/components/UIQuickNavigation/index.js.map +1 -1
- package/dist/components/UISearchBox/UISearchBox.js +9 -16
- package/dist/components/UISearchBox/UISearchBox.js.map +1 -1
- package/dist/components/UISearchBox/index.d.ts +3 -3
- package/dist/components/UISearchBox/index.d.ts.map +1 -1
- package/dist/components/UISearchBox/index.js +1 -17
- package/dist/components/UISearchBox/index.js.map +1 -1
- package/dist/components/UISection/UISection.js +12 -19
- package/dist/components/UISection/UISection.js.map +1 -1
- package/dist/components/UISection/UISections.d.ts +2 -2
- package/dist/components/UISection/UISections.d.ts.map +1 -1
- package/dist/components/UISection/UISections.js +16 -23
- package/dist/components/UISection/UISections.js.map +1 -1
- package/dist/components/UISection/UISplitter.js +14 -21
- package/dist/components/UISection/UISplitter.js.map +1 -1
- package/dist/components/UISection/index.d.ts +3 -3
- package/dist/components/UISection/index.d.ts.map +1 -1
- package/dist/components/UISection/index.js +3 -19
- package/dist/components/UISection/index.js.map +1 -1
- package/dist/components/UISeparator/UISeparator.js +4 -11
- package/dist/components/UISeparator/UISeparator.js.map +1 -1
- package/dist/components/UISeparator/index.d.ts +1 -1
- package/dist/components/UISeparator/index.d.ts.map +1 -1
- package/dist/components/UISeparator/index.js +1 -17
- package/dist/components/UISeparator/index.js.map +1 -1
- package/dist/components/UITable/UITable-helper.d.ts +1 -1
- package/dist/components/UITable/UITable-helper.d.ts.map +1 -1
- package/dist/components/UITable/UITable-helper.js +21 -40
- package/dist/components/UITable/UITable-helper.js.map +1 -1
- package/dist/components/UITable/UITable.d.ts +1 -1
- package/dist/components/UITable/UITable.d.ts.map +1 -1
- package/dist/components/UITable/UITable.js +67 -74
- package/dist/components/UITable/UITable.js.map +1 -1
- package/dist/components/UITable/index.d.ts +2 -2
- package/dist/components/UITable/index.d.ts.map +1 -1
- package/dist/components/UITable/index.js +2 -18
- package/dist/components/UITable/index.js.map +1 -1
- package/dist/components/UITable/types.d.ts +1 -1
- package/dist/components/UITable/types.d.ts.map +1 -1
- package/dist/components/UITable/types.js +7 -14
- package/dist/components/UITable/types.js.map +1 -1
- package/dist/components/UITabs/UITabs.js +7 -14
- package/dist/components/UITabs/UITabs.js.map +1 -1
- package/dist/components/UITabs/index.d.ts +1 -1
- package/dist/components/UITabs/index.d.ts.map +1 -1
- package/dist/components/UITabs/index.js +1 -17
- package/dist/components/UITabs/index.js.map +1 -1
- package/dist/components/UIToggle/UIToggle.d.ts +1 -1
- package/dist/components/UIToggle/UIToggle.d.ts.map +1 -1
- package/dist/components/UIToggle/UIToggle.js +14 -21
- package/dist/components/UIToggle/UIToggle.js.map +1 -1
- package/dist/components/UIToggle/index.d.ts +1 -1
- package/dist/components/UIToggle/index.d.ts.map +1 -1
- package/dist/components/UIToggle/index.js +1 -17
- package/dist/components/UIToggle/index.js.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroup.d.ts +2 -2
- package/dist/components/UIToggleGroup/UIToggleGroup.d.ts.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroup.js +11 -48
- package/dist/components/UIToggleGroup/UIToggleGroup.js.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroup.types.js +1 -2
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.d.ts +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.d.ts.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.js +7 -44
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.js.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.d.ts +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.d.ts.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/UIToggleGroupOption.types.js +1 -2
- package/dist/components/UIToggleGroup/UIToggleGroupOption/index.d.ts +2 -2
- package/dist/components/UIToggleGroup/UIToggleGroupOption/index.d.ts.map +1 -1
- package/dist/components/UIToggleGroup/UIToggleGroupOption/index.js +2 -18
- package/dist/components/UIToggleGroup/UIToggleGroupOption/index.js.map +1 -1
- package/dist/components/UIToggleGroup/index.d.ts +2 -2
- package/dist/components/UIToggleGroup/index.d.ts.map +1 -1
- package/dist/components/UIToggleGroup/index.js +2 -18
- package/dist/components/UIToggleGroup/index.js.map +1 -1
- package/dist/components/UIToolbar/UIToolbar.js +5 -42
- package/dist/components/UIToolbar/UIToolbar.js.map +1 -1
- package/dist/components/UIToolbar/UIToolbarColumn.js +5 -42
- package/dist/components/UIToolbar/UIToolbarColumn.js.map +1 -1
- package/dist/components/UIToolbar/UIToolbarDivider.js +3 -40
- package/dist/components/UIToolbar/UIToolbarDivider.js.map +1 -1
- package/dist/components/UIToolbar/index.d.ts +3 -3
- package/dist/components/UIToolbar/index.d.ts.map +1 -1
- package/dist/components/UIToolbar/index.js +3 -19
- package/dist/components/UIToolbar/index.js.map +1 -1
- package/dist/components/UITooltip/UITooltip.js +10 -17
- package/dist/components/UITooltip/UITooltip.js.map +1 -1
- package/dist/components/UITooltip/UITooltipUtils.js +9 -16
- package/dist/components/UITooltip/UITooltipUtils.js.map +1 -1
- package/dist/components/UITooltip/index.d.ts +2 -2
- package/dist/components/UITooltip/index.d.ts.map +1 -1
- package/dist/components/UITooltip/index.js +2 -18
- package/dist/components/UITooltip/index.js.map +1 -1
- package/dist/components/UITranslationInput/UIFormattedText.js +9 -19
- package/dist/components/UITranslationInput/UIFormattedText.js.map +1 -1
- package/dist/components/UITranslationInput/UILoadButton.d.ts +2 -2
- package/dist/components/UITranslationInput/UILoadButton.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UILoadButton.js +7 -14
- package/dist/components/UITranslationInput/UILoadButton.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.d.ts +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.js +21 -58
- package/dist/components/UITranslationInput/UITranslationButton.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.types.d.ts +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.types.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationButton.types.js +6 -9
- package/dist/components/UITranslationInput/UITranslationButton.types.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.d.ts +4 -4
- package/dist/components/UITranslationInput/UITranslationInput.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationInput.js +33 -70
- package/dist/components/UITranslationInput/UITranslationInput.js.map +1 -1
- package/dist/components/UITranslationInput/UITranslationUtils.d.ts +2 -2
- package/dist/components/UITranslationInput/UITranslationUtils.d.ts.map +1 -1
- package/dist/components/UITranslationInput/UITranslationUtils.js +15 -25
- package/dist/components/UITranslationInput/UITranslationUtils.js.map +1 -1
- package/dist/components/UITranslationInput/defaults.d.ts +1 -1
- package/dist/components/UITranslationInput/defaults.d.ts.map +1 -1
- package/dist/components/UITranslationInput/defaults.js +1 -4
- package/dist/components/UITranslationInput/defaults.js.map +1 -1
- package/dist/components/UITranslationInput/index.d.ts +2 -2
- package/dist/components/UITranslationInput/index.d.ts.map +1 -1
- package/dist/components/UITranslationInput/index.js +2 -18
- package/dist/components/UITranslationInput/index.js.map +1 -1
- package/dist/components/UITreeDropdown/UITreeDropdown.d.ts +1 -1
- package/dist/components/UITreeDropdown/UITreeDropdown.d.ts.map +1 -1
- package/dist/components/UITreeDropdown/UITreeDropdown.js +29 -36
- package/dist/components/UITreeDropdown/UITreeDropdown.js.map +1 -1
- package/dist/components/UITreeDropdown/index.d.ts +1 -1
- package/dist/components/UITreeDropdown/index.d.ts.map +1 -1
- package/dist/components/UITreeDropdown/index.js +1 -17
- package/dist/components/UITreeDropdown/index.js.map +1 -1
- package/dist/components/UIVerticalDivider/UIVerticalDivider.js +4 -11
- package/dist/components/UIVerticalDivider/UIVerticalDivider.js.map +1 -1
- package/dist/components/UIVerticalDivider/index.d.ts +1 -1
- package/dist/components/UIVerticalDivider/index.d.ts.map +1 -1
- package/dist/components/UIVerticalDivider/index.js +1 -17
- package/dist/components/UIVerticalDivider/index.js.map +1 -1
- package/dist/components/UIVirtualList/UIAutoSizer.js +4 -11
- package/dist/components/UIVirtualList/UIAutoSizer.js.map +1 -1
- package/dist/components/UIVirtualList/UICellMeasurer.d.ts +1 -1
- package/dist/components/UIVirtualList/UICellMeasurer.d.ts.map +1 -1
- package/dist/components/UIVirtualList/UICellMeasurer.js +4 -11
- package/dist/components/UIVirtualList/UICellMeasurer.js.map +1 -1
- package/dist/components/UIVirtualList/UIVirtualList.d.ts +1 -1
- package/dist/components/UIVirtualList/UIVirtualList.d.ts.map +1 -1
- package/dist/components/UIVirtualList/UIVirtualList.js +6 -15
- package/dist/components/UIVirtualList/UIVirtualList.js.map +1 -1
- package/dist/components/UIVirtualList/index.d.ts +3 -3
- package/dist/components/UIVirtualList/index.d.ts.map +1 -1
- package/dist/components/UIVirtualList/index.js +3 -19
- package/dist/components/UIVirtualList/index.js.map +1 -1
- package/dist/components/index.d.ts +39 -39
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +40 -58
- package/dist/components/index.js.map +1 -1
- package/dist/components/types.js +1 -4
- package/dist/components/types.js.map +1 -1
- package/dist/helper/ValidationMessage/MessageWrapper.d.ts +3 -3
- package/dist/helper/ValidationMessage/MessageWrapper.d.ts.map +1 -1
- package/dist/helper/ValidationMessage/MessageWrapper.js +18 -25
- package/dist/helper/ValidationMessage/MessageWrapper.js.map +1 -1
- package/dist/helper/ValidationMessage/index.d.ts +2 -2
- package/dist/helper/ValidationMessage/index.d.ts.map +1 -1
- package/dist/helper/ValidationMessage/index.js +2 -18
- package/dist/helper/ValidationMessage/index.js.map +1 -1
- package/dist/helper/ValidationMessage/utils.js +13 -17
- package/dist/helper/ValidationMessage/utils.js.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -22
- package/dist/index.js.map +1 -1
- package/dist/theme/index.js +4 -7
- package/dist/theme/index.js.map +1 -1
- package/dist/utilities/Debounce.js +1 -4
- package/dist/utilities/Debounce.js.map +1 -1
- package/dist/utilities/DeepMerge.js +3 -9
- package/dist/utilities/DeepMerge.js.map +1 -1
- package/dist/utilities/Dom.js +2 -6
- package/dist/utilities/Dom.js.map +1 -1
- package/dist/utilities/Focus.js +11 -15
- package/dist/utilities/Focus.js.map +1 -1
- package/dist/utilities/Id.js +2 -5
- package/dist/utilities/Id.js.map +1 -1
- package/dist/utilities/Keys.js +2 -5
- package/dist/utilities/Keys.js.map +1 -1
- package/dist/utilities/index.d.ts +5 -5
- package/dist/utilities/index.d.ts.map +1 -1
- package/dist/utilities/index.js +5 -21
- package/dist/utilities/index.js.map +1 -1
- package/package.json +7 -6
- package/storybook/173.dda008b3.iframe.bundle.js +1 -0
- package/storybook/{236.db7ec88e.iframe.bundle.js → 236.a49b26f7.iframe.bundle.js} +15 -15
- package/storybook/237.334c60ea.iframe.bundle.js +13 -0
- package/storybook/267.590a1784.iframe.bundle.js +5 -0
- package/storybook/269.b299c304.iframe.bundle.js +13 -0
- package/storybook/286.132e3dcf.iframe.bundle.js +341 -0
- package/storybook/317.6ed891b3.iframe.bundle.js +672 -0
- package/storybook/33.71c40cbf.iframe.bundle.js +19 -0
- package/storybook/{31.573b5dd6.iframe.bundle.js → 360.01a2fadf.iframe.bundle.js} +3 -3
- package/storybook/4.b31f2180.iframe.bundle.js +19 -0
- package/storybook/416.f50bd5c3.iframe.bundle.js +24 -0
- package/storybook/668.82cffebd.iframe.bundle.js +86 -0
- package/storybook/7.4fcb7e45.iframe.bundle.js +25 -0
- package/storybook/847.c596d8f5.iframe.bundle.js +2 -0
- package/storybook/882.3e14d778.iframe.bundle.js +28 -0
- package/storybook/UIActionCallout-story.b98b4b91.iframe.bundle.js +13 -0
- package/storybook/UICallout-story.76cd265e.iframe.bundle.js +17 -0
- package/storybook/UICalloutCollisionTransform-story.f03fa5cb.iframe.bundle.js +1 -0
- package/storybook/UICheckbox-story.d97e1a5c.iframe.bundle.js +7 -0
- package/storybook/UIChoiceGroup-story.c5b07811.iframe.bundle.js +11 -0
- package/storybook/UICombobox-story.cca56e3f.iframe.bundle.js +1 -0
- package/storybook/UIContextualMenu-story.50590557.iframe.bundle.js +13 -0
- package/storybook/UICreateSelect-story.b28fdb71.iframe.bundle.js +22 -0
- package/storybook/UIDatePicker-story.629487fd.iframe.bundle.js +6 -0
- package/storybook/UIDialog-story.170e3efe.iframe.bundle.js +2 -0
- package/storybook/UIDropdown-story.7cbc5c05.iframe.bundle.js +1 -0
- package/storybook/UILabel-story.2b41f5bb.iframe.bundle.js +6 -0
- package/storybook/UILink-story.897bde29.iframe.bundle.js +12 -0
- package/storybook/UILoader-story.6877c237.iframe.bundle.js +6 -0
- package/storybook/UIMessageBar-story.a1969ce1.iframe.bundle.js +9 -0
- package/storybook/UIPersona-story.08b5d980.iframe.bundle.js +6 -0
- package/storybook/UISeparator-story.467cd4de.iframe.bundle.js +6 -0
- package/storybook/UITable-story.ef38cfd0.iframe.bundle.js +4 -0
- package/storybook/UITextInput-story.c321c1e8.iframe.bundle.js +7 -0
- package/storybook/UIToggle-story.87ab3155.iframe.bundle.js +22 -0
- package/storybook/UIToggleGroup-story.e3ff6d80.iframe.bundle.js +12 -0
- package/storybook/UITooltip-story.529b65bb.iframe.bundle.js +13 -0
- package/storybook/UITreedropdown-story.60f2fd3a.iframe.bundle.js +6 -0
- package/storybook/favicon-wrapper.svg +46 -0
- package/storybook/favicon.svg +1 -1
- package/storybook/iframe.html +101 -56
- package/storybook/index.html +23 -21
- package/storybook/index.json +1 -1
- package/storybook/main.0d86713d.iframe.bundle.js +1 -0
- package/storybook/mocker-runtime-injected.js +2 -0
- package/storybook/project.json +1 -1
- package/storybook/runtime~main.8ce1d604.iframe.bundle.js +2 -0
- package/storybook/sb-addons/common-manager-bundle.js +628 -1
- package/storybook/sb-common-assets/favicon-wrapper.svg +46 -0
- package/storybook/sb-common-assets/favicon.svg +1 -1
- package/storybook/sb-manager/globals-runtime.js +74974 -40000
- package/storybook/sb-manager/globals.js +13 -37
- package/storybook/sb-manager/manager-stores.js +23 -0
- package/storybook/sb-manager/runtime.js +25190 -9775
- package/storybook/sb-preview/globals.js +10 -23
- package/storybook/sb-preview/runtime.js +34427 -6676
- package/storybook/133.7f9c4401.iframe.bundle.js +0 -1
- package/storybook/237.2fa88e98.iframe.bundle.js +0 -13
- package/storybook/272.9b5d83c3.iframe.bundle.js +0 -8
- package/storybook/395.cdda1e86.iframe.bundle.js +0 -1
- package/storybook/435.d820054a.iframe.bundle.js +0 -1
- package/storybook/464.f6309bf2.iframe.bundle.js +0 -1
- package/storybook/633.3fcd32a3.iframe.bundle.js +0 -2
- package/storybook/657.8bbef1bd.iframe.bundle.js +0 -1
- package/storybook/687.0d6224e0.iframe.bundle.js +0 -1
- package/storybook/704.329de0cc.iframe.bundle.js +0 -1
- package/storybook/714.895a9298.iframe.bundle.js +0 -55
- package/storybook/82.cbddfc84.iframe.bundle.js +0 -1
- package/storybook/978.2fe5f112.iframe.bundle.js +0 -7
- package/storybook/980.26b285aa.iframe.bundle.js +0 -1
- package/storybook/UIActionCallout-story.0f019554.iframe.bundle.js +0 -2
- package/storybook/UICallout-story.9026ac69.iframe.bundle.js +0 -2
- package/storybook/UICalloutCollisionTransform-story.ed1160b0.iframe.bundle.js +0 -1
- package/storybook/UICheckbox-story.1c7a7883.iframe.bundle.js +0 -2
- package/storybook/UIChoiceGroup-story.f5c61c53.iframe.bundle.js +0 -1
- package/storybook/UICombobox-story.c6fdb1e6.iframe.bundle.js +0 -1
- package/storybook/UIContextualMenu-story.5d35030b.iframe.bundle.js +0 -1
- package/storybook/UICreateSelect-story.d514149e.iframe.bundle.js +0 -2
- package/storybook/UIDatePicker-story.6b5e3e09.iframe.bundle.js +0 -2
- package/storybook/UIDialog-story.2c80f1e3.iframe.bundle.js +0 -2
- package/storybook/UIDropdown-story.0b189ddd.iframe.bundle.js +0 -1
- package/storybook/UILabel-story.4f878fd0.iframe.bundle.js +0 -1
- package/storybook/UILink-story.6e2c3b4f.iframe.bundle.js +0 -2
- package/storybook/UILoader-story.bb8faed0.iframe.bundle.js +0 -6
- package/storybook/UIMessageBar-story.efde9aa5.iframe.bundle.js +0 -1
- package/storybook/UIPersona-story.cf14bf11.iframe.bundle.js +0 -1
- package/storybook/UISeparator-story.b93568c6.iframe.bundle.js +0 -1
- package/storybook/UITable-story.08b1e3ca.iframe.bundle.js +0 -4
- package/storybook/UITextInput-story.5fb40543.iframe.bundle.js +0 -2
- package/storybook/UIToggle-story.9a30e364.iframe.bundle.js +0 -2
- package/storybook/UIToggleGroup-story.46fd140d.iframe.bundle.js +0 -2
- package/storybook/UITooltip-story.7acbb0e3.iframe.bundle.js +0 -2
- package/storybook/UITreedropdown-story.60ded1bc.iframe.bundle.js +0 -1
- package/storybook/main.7fee29d0.iframe.bundle.js +0 -1
- package/storybook/runtime~main.3e2554ff.iframe.bundle.js +0 -2
- package/storybook/sb-manager/globals-module-info.js +0 -1052
|
@@ -1,24 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports._onHeaderRender = void 0;
|
|
7
|
-
exports._copyAndSort = _copyAndSort;
|
|
8
|
-
exports.focusEditedCell = focusEditedCell;
|
|
9
|
-
exports.getCellFromCoords = getCellFromCoords;
|
|
10
|
-
exports.scrollToColumn = scrollToColumn;
|
|
11
|
-
exports.scrollToRow = scrollToRow;
|
|
12
|
-
exports.waitFor = waitFor;
|
|
13
|
-
exports.sleep = sleep;
|
|
14
|
-
exports.addRowNumbers = addRowNumbers;
|
|
15
|
-
exports.getStylesForSelectedCell = getStylesForSelectedCell;
|
|
16
|
-
exports.showFocus = showFocus;
|
|
17
|
-
exports.hideFocus = hideFocus;
|
|
18
|
-
exports.getComboBoxInput = getComboBoxInput;
|
|
19
|
-
const react_1 = __importDefault(require("react"));
|
|
20
|
-
const react_2 = require("@fluentui/react");
|
|
21
|
-
const __1 = require("..");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Sticky } from '@fluentui/react';
|
|
3
|
+
import { UIIcon } from '../index.js';
|
|
22
4
|
/**
|
|
23
5
|
* Method to copy and sort.
|
|
24
6
|
*
|
|
@@ -27,7 +9,7 @@ const __1 = require("..");
|
|
|
27
9
|
* @param {boolean} isSortedDescending
|
|
28
10
|
* @returns {T[]}
|
|
29
11
|
*/
|
|
30
|
-
function _copyAndSort(items, columnKey, isSortedDescending) {
|
|
12
|
+
export function _copyAndSort(items, columnKey, isSortedDescending) {
|
|
31
13
|
const key = columnKey;
|
|
32
14
|
return items.slice(0).sort((a, b) => {
|
|
33
15
|
const comparison = a[key] < b[key];
|
|
@@ -43,7 +25,7 @@ function _copyAndSort(items, columnKey, isSortedDescending) {
|
|
|
43
25
|
* @param {string} direction
|
|
44
26
|
* @returns {Promise<void>}
|
|
45
27
|
*/
|
|
46
|
-
function focusEditedCell(editedCell, props, direction = '') {
|
|
28
|
+
export function focusEditedCell(editedCell, props, direction = '') {
|
|
47
29
|
const rowIndex = editedCell?.rowIndex || 0;
|
|
48
30
|
const colKey = editedCell?.column?.key || '';
|
|
49
31
|
let newRowIndex = rowIndex;
|
|
@@ -100,7 +82,7 @@ function focusEditedCell(editedCell, props, direction = '') {
|
|
|
100
82
|
* @param {boolean} addOneToColIndex
|
|
101
83
|
* @returns {NodeListOf<Element>}
|
|
102
84
|
*/
|
|
103
|
-
function getCellFromCoords(rowIdx, columnKey, columns, addOneToColIndex = false) {
|
|
85
|
+
export function getCellFromCoords(rowIdx, columnKey, columns, addOneToColIndex = false) {
|
|
104
86
|
const selectedIdx = (columns.findIndex((col) => col.key === columnKey) || 0) + +addOneToColIndex;
|
|
105
87
|
const row = document.querySelector(`.ms-DetailsList .ms-DetailsList-contentWrapper .ms-List-page .ms-DetailsRow[data-item-index="${rowIdx || 0}"]`);
|
|
106
88
|
const cols = row?.querySelectorAll('.ms-DetailsRow-cell');
|
|
@@ -115,7 +97,7 @@ function getCellFromCoords(rowIdx, columnKey, columns, addOneToColIndex = false)
|
|
|
115
97
|
* @param {number} selectedRow
|
|
116
98
|
* @param {boolean} addOneToColIndex
|
|
117
99
|
*/
|
|
118
|
-
function scrollToColumn(columnKey, columns, selectedRow, addOneToColIndex = false) {
|
|
100
|
+
export function scrollToColumn(columnKey, columns, selectedRow, addOneToColIndex = false) {
|
|
119
101
|
const sidebar = document.querySelector('.data-editor__sidebar');
|
|
120
102
|
const sidebarWidth = (sidebar?.getBoundingClientRect().width ?? 0) + (addOneToColIndex ? 20 : 0);
|
|
121
103
|
const scrollContainer = document.querySelector('.ms-ScrollablePane--contentContainer');
|
|
@@ -132,7 +114,7 @@ function scrollToColumn(columnKey, columns, selectedRow, addOneToColIndex = fals
|
|
|
132
114
|
* @param {number} idx
|
|
133
115
|
* @param {IDetailsList | null} table
|
|
134
116
|
*/
|
|
135
|
-
function scrollToRow(idx = 0, table = null) {
|
|
117
|
+
export function scrollToRow(idx = 0, table = null) {
|
|
136
118
|
if (!table) {
|
|
137
119
|
return;
|
|
138
120
|
}
|
|
@@ -157,7 +139,7 @@ function scrollToRow(idx = 0, table = null) {
|
|
|
157
139
|
* (so that the function doesn't run forever)
|
|
158
140
|
* @returns {Promise<Element>}
|
|
159
141
|
*/
|
|
160
|
-
async function waitFor(selector, count = 10) {
|
|
142
|
+
export async function waitFor(selector, count = 10) {
|
|
161
143
|
if (count === 0) {
|
|
162
144
|
throw new Error('Element for selector not found: ' + selector);
|
|
163
145
|
}
|
|
@@ -171,7 +153,7 @@ async function waitFor(selector, count = 10) {
|
|
|
171
153
|
* @param ms
|
|
172
154
|
* @returns Promise
|
|
173
155
|
*/
|
|
174
|
-
function sleep(ms = 200) {
|
|
156
|
+
export function sleep(ms = 200) {
|
|
175
157
|
return new Promise((resolve) => setTimeout(resolve, ms));
|
|
176
158
|
}
|
|
177
159
|
/**
|
|
@@ -181,7 +163,7 @@ function sleep(ms = 200) {
|
|
|
181
163
|
* @param {boolean} showRowNumbers
|
|
182
164
|
* @returns {any}
|
|
183
165
|
*/
|
|
184
|
-
function addRowNumbers(columns, showRowNumbers = false) {
|
|
166
|
+
export function addRowNumbers(columns, showRowNumbers = false) {
|
|
185
167
|
if (showRowNumbers && columns[0].key !== '__row_number__') {
|
|
186
168
|
columns.unshift({
|
|
187
169
|
key: '__row_number__',
|
|
@@ -194,7 +176,7 @@ function addRowNumbers(columns, showRowNumbers = false) {
|
|
|
194
176
|
}
|
|
195
177
|
return columns;
|
|
196
178
|
}
|
|
197
|
-
const _onHeaderRender = (props, defaultRender) => {
|
|
179
|
+
export const _onHeaderRender = (props, defaultRender) => {
|
|
198
180
|
if (!props || !defaultRender) {
|
|
199
181
|
return null;
|
|
200
182
|
}
|
|
@@ -205,12 +187,12 @@ const _onHeaderRender = (props, defaultRender) => {
|
|
|
205
187
|
const column = item.column;
|
|
206
188
|
const editable = (column.editable ? '' : 'not-') + 'editable-container';
|
|
207
189
|
const isRowNumber = column.key === '__row_number__';
|
|
208
|
-
const containerDiv = isRowNumber ?
|
|
190
|
+
const containerDiv = isRowNumber ? React.createElement("div", { className: editable }) : null;
|
|
209
191
|
// row number column header is focusable on the parent of this cell
|
|
210
192
|
const isFocusable = !isRowNumber;
|
|
211
|
-
return (
|
|
212
|
-
column.iconName && (
|
|
213
|
-
|
|
193
|
+
return (React.createElement("div", { className: "data-editor__header-cell", "data-is-focusable": isFocusable },
|
|
194
|
+
column.iconName && (React.createElement(UIIcon, { className: "type-icon", iconName: column.iconName, title: column.iconTooltip || '' })),
|
|
195
|
+
React.createElement("span", { title: column?.headerTooltip || column.name }, column.name),
|
|
214
196
|
containerDiv));
|
|
215
197
|
}
|
|
216
198
|
const isCheckTooltip = item?.hostClassName === 'ms-DetailsHeader-checkTooltip';
|
|
@@ -220,16 +202,15 @@ const _onHeaderRender = (props, defaultRender) => {
|
|
|
220
202
|
return null;
|
|
221
203
|
}
|
|
222
204
|
};
|
|
223
|
-
return
|
|
205
|
+
return React.createElement(Sticky, null, defaultRender(customProps));
|
|
224
206
|
};
|
|
225
|
-
exports._onHeaderRender = _onHeaderRender;
|
|
226
207
|
/**
|
|
227
208
|
* Gets styles for selected cell.
|
|
228
209
|
*
|
|
229
210
|
* @param state
|
|
230
211
|
* @returns {Partial<IDetailsListStyles>}
|
|
231
212
|
*/
|
|
232
|
-
function getStylesForSelectedCell(state) {
|
|
213
|
+
export function getStylesForSelectedCell(state) {
|
|
233
214
|
let styles = {};
|
|
234
215
|
const editedRow = state.editedCell ? state.editedCell.rowIndex : undefined;
|
|
235
216
|
const editedColumn = state.editedCell ? state.editedCell.column : undefined;
|
|
@@ -254,11 +235,11 @@ function getStylesForSelectedCell(state) {
|
|
|
254
235
|
}
|
|
255
236
|
return styles;
|
|
256
237
|
}
|
|
257
|
-
function showFocus() {
|
|
238
|
+
export function showFocus() {
|
|
258
239
|
document.body.classList.remove('ms-Fabric--isFocusHidden');
|
|
259
240
|
document.body.classList.add('ms-Fabric--isFocusVisible');
|
|
260
241
|
}
|
|
261
|
-
function hideFocus() {
|
|
242
|
+
export function hideFocus() {
|
|
262
243
|
document.body.classList.add('ms-Fabric--isFocusHidden');
|
|
263
244
|
document.body.classList.remove('ms-Fabric--isFocusVisible');
|
|
264
245
|
}
|
|
@@ -268,7 +249,7 @@ function hideFocus() {
|
|
|
268
249
|
* @param ref
|
|
269
250
|
* @returns {HTMLInputElement | undefined }
|
|
270
251
|
*/
|
|
271
|
-
function getComboBoxInput(ref) {
|
|
252
|
+
export function getComboBoxInput(ref) {
|
|
272
253
|
return ref?.current?.querySelector('input');
|
|
273
254
|
}
|
|
274
255
|
//# sourceMappingURL=UITable-helper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UITable-helper.js","sourceRoot":"","sources":["../../../src/components/UITable/UITable-helper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UITable-helper.js","sourceRoot":"","sources":["../../../src/components/UITable/UITable-helper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAI,KAAU,EAAE,SAAiB,EAAE,kBAA4B;IACvF,MAAM,GAAG,GAAG,SAAoB,CAAC;IACjC,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAI,EAAE,CAAI,EAAE,EAAE;QACtC,MAAM,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACnC,MAAM,UAAU,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;QACjE,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;AACP,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,eAAe,CAC3B,UAAkC,EAClC,KAAmB,EACnB,SAAS,GAAG,EAAE;IAEd,MAAM,QAAQ,GAAG,UAAU,EAAE,QAAQ,IAAI,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;IAC7C,IAAI,WAAW,GAAG,QAAQ,CAAC;IAC3B,IAAI,SAAS,GAAG,MAAM,CAAC;IAEvB,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC;IACD,wBAAwB;IACxB,IAAI,SAAS,EAAE,CAAC;QACZ,MAAM,kBAAkB,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACrF,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;QACnC,MAAM,MAAM,GAAG,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAElD,MAAM,KAAK,GAA+B;YACtC,KAAK,EAAE,GAAG,EAAE;gBACR,IAAI,MAAM,GAAG,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACzC,SAAS,GAAG,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC/C,CAAC;YACL,CAAC;YACD,IAAI,EAAE,GAAG,EAAE;gBACP,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;oBACb,SAAS,GAAG,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAC/C,CAAC;YACL,CAAC;YACD,IAAI,EAAE,GAAG,EAAE;gBACP,IAAI,QAAQ,GAAG,OAAO,GAAG,CAAC,EAAE,CAAC;oBACzB,WAAW,GAAG,QAAQ,GAAG,CAAC,CAAC;gBAC/B,CAAC;YACL,CAAC;YACD,EAAE,EAAE,GAAG,EAAE;gBACL,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;oBACf,WAAW,GAAG,QAAQ,GAAG,CAAC,CAAC;gBAC/B,CAAC;YACL,CAAC;SACJ,CAAC;QACF,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC3B,qBAAqB,CAAC,GAAG,EAAE;YACvB,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,cAAc,CAAgB,CAAC;YAC3G,IAAI,IAAI,IAAI,SAAS,EAAE,CAAC;gBACpB,IAAI,CAAC,KAAK,EAAE,CAAC;YACjB,CAAC;YACD,IAAI,EAAE,KAAK,EAAE,CAAC;YACd,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAC,MAAc,EAAE,SAAiB,EAAE,OAAmB,EAAE,gBAAgB,GAAG,KAAK;IAC9G,MAAM,WAAW,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAa,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,gBAAgB,CAAC;IAC3G,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAC9B,gGAAgG,MAAM,IAAI,CAAC,IAAI,CAClH,CAAC;IACF,MAAM,IAAI,GAAG,GAAG,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IAC1D,OAAO,IAAI,EAAE,MAAM,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC;AAC7C,CAAC;AAED,iEAAiE;AACjE;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAC1B,SAAiB,EACjB,OAAmB,EACnB,WAAmB,EACnB,gBAAgB,GAAG,KAAK;IAExB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjG,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAC,CAAC;IACvF,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC;IAClF,MAAM,GAAG,GAAG,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAE1C,IAAI,eAAe,IAAI,GAAG,EAAE,CAAC;QACzB,MAAM,IAAI,GAAG,eAAe,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC;QAC1E,qBAAqB,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IACxF,CAAC;AACL,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,GAAG,GAAG,CAAC,EAAE,QAA6B,IAAI;IAClE,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO;IACX,CAAC;IACD,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC7B,MAAM,KAAK,GAAG,uEAAuE,GAAG,IAAI,CAAC;IAC7F,OAAO,CAAC,KAAK,CAAC;SACT,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;QACX,KAAqB,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACpD,KAAqB,CAAC,KAAK,EAAE,CAAC;QAC9B,KAAqB,CAAC,KAAK,EAAE,CAAC;QAC/B,SAAS,EAAE,CAAC;IAChB,CAAC,CAAC;SACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;QACT,MAAM,CAAC,CAAC;IACZ,CAAC,CAAC,CAAC;AACX,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,KAAK,UAAU,OAAO,CAAC,QAAgB,EAAE,KAAK,GAAG,EAAE;IACtD,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,kCAAkC,GAAG,QAAQ,CAAC,CAAC;IACnE,CAAC;IACD,MAAM,KAAK,EAAE,CAAC;IACd,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC5C,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AACnE,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,GAAG,GAAG;IAC1B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;AAC7D,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,OAAY,EAAE,cAAc,GAAG,KAAK;IAC9D,IAAI,cAAc,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,gBAAgB,EAAE,CAAC;QACxD,OAAO,CAAC,OAAO,CAAC;YACZ,GAAG,EAAE,gBAAgB;YACrB,IAAI,EAAE,GAAG;YACT,SAAS,EAAE,gBAAgB;YAC3B,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,WAAW,EAAE,KAAK;SACrB,CAAC,CAAC;IACP,CAAC;IACD,OAAO,OAAO,CAAC;AACnB,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAyC,CAAC,KAAK,EAAE,aAAc,EAAE,EAAE;IAC3F,IAAI,CAAC,KAAK,IAAI,CAAC,aAAa,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,WAAW,GAAwB;QACrC,GAAG,KAAK;QACR,2BAA2B,EAAE,CAAC,IAAK,EAAE,oBAAqB,EAAE,EAAE;YAC1D,IAAI,IAAI,EAAE,MAAM,EAAE,CAAC;gBACf,MAAM,MAAM,GAAa,IAAI,CAAC,MAAM,CAAC;gBACrC,MAAM,QAAQ,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,oBAAoB,CAAC;gBACxE,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,KAAK,gBAAgB,CAAC;gBACpD,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;gBAC3E,mEAAmE;gBACnE,MAAM,WAAW,GAAG,CAAC,WAAW,CAAC;gBAEjC,OAAO,CACH,6BAAK,SAAS,EAAC,0BAA0B,uBAAoB,WAAW;oBACnE,MAAM,CAAC,QAAQ,IAAI,CAChB,oBAAC,MAAM,IAAC,SAAS,EAAC,WAAW,EAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,IAAI,EAAE,GAAI,CAC/F;oBACD,8BAAM,KAAK,EAAE,MAAM,EAAE,aAAa,IAAI,MAAM,CAAC,IAAI,IAAG,MAAM,CAAC,IAAI,CAAQ;oBACtE,YAAY,CACX,CACT,CAAC;YACN,CAAC;YAED,MAAM,cAAc,GAAG,IAAI,EAAE,aAAa,KAAK,+BAA+B,CAAC;YAC/E,IAAI,KAAK,CAAC,SAAS,IAAI,cAAc,IAAI,oBAAoB,EAAE,CAAC;gBAC5D,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;YACtC,CAAC;YAED,OAAO,IAAI,CAAC;QAChB,CAAC;KACJ,CAAC;IAEF,OAAO,oBAAC,MAAM,QAAE,aAAa,CAAC,WAAW,CAAC,CAAU,CAAC;AACzD,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,KAAmB;IACxD,IAAI,MAAM,GAAgC,EAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3E,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5E,IAAI,SAAS,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QACxD,MAAM,GAAG;YACL,IAAI,EAAE;gBACF,CAAC,kBAAkB,CAAC,EAAE;oBAClB,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,CAAC;iBACZ;gBACD,CAAC,qCAAqC,SAAS,IAAI,CAAC,EAAE;oBAClD,MAAM,EAAE,CAAC;iBACZ;gBACD,CAAC,qBAAqB,CAAC,EAAE;oBACrB,QAAQ,EAAE,QAAQ;iBACrB;gBACD,CAAC,qCAAqC,SAAS,+CAA+C,YAAY,CAAC,GAAG,IAAI,CAAC,EAC/G;oBACI,QAAQ,EAAE,SAAS;iBACtB;aACR;SACJ,CAAC;IACN,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,SAAS;IACrB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC;IAC3D,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,SAAS;IACrB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;IACxD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC;AAChE,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,GAAqC;IAClE,OAAO,GAAG,EAAE,OAAO,EAAE,aAAa,CAAC,OAAO,CAAqB,CAAC;AACpE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UITable.d.ts","sourceRoot":"","sources":["../../../src/components/UITable/UITable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4C1B,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAoC,MAAM,
|
|
1
|
+
{"version":3,"file":"UITable.d.ts","sourceRoot":"","sources":["../../../src/components/UITable/UITable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA4C1B,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAoC,MAAM,YAAY,CAAC;AAE/F,OAAO,gBAAgB,CAAC;AAExB;;;;;;;GAOG;AACH,qBAAa,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACpE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAgC;IACzD,OAAO,CAAC,SAAS,CAAC,CAIX;IACP,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAY;IACtC,OAAO,CAAC,cAAc,CAAM;IAC5B,OAAO,CAAC,aAAa,CAAgC;IACrD,OAAO,CAAC,aAAa,CAAc;IAEnC;;;;OAIG;gBACS,KAAK,EAAE,YAAY;IAsC/B,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAI5B;;;;;OAKG;IACH,kBAAkB,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,GAAG,IAAI;IA0D1E;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAiB7B,OAAO,CAAC,YAAY;IAapB;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IAevB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAsDtB;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB;IAgCzB,OAAO,CAAC,QAAQ,CAAC,YAAY,CAM3B;IAEF;;;;;;;OAOG;IACH,OAAO,CAAC,mBAAmB;IAQ3B;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAKzB;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IAmBtB;;;;;;;OAOG;IACH,OAAO,CAAC,SAAS;IA6BjB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,UAAU;IAMlB;;;;;;OAMG;IACH,OAAO,CAAC,WAAW;IAoBnB;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAgChB;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAiB3B;;;;;OAKG;IACH,OAAO,CAAC,SAAS;IAkCjB;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAUhC;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IA6BpB;;;;;;;OAOG;IACH,OAAO,CAAC,YAAY;IAsCpB;;;;;OAKG;IACH,OAAO,CAAC,YAAY;IAwBpB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAQ/B;IAEF,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAyBxC;IAEF;;;;;;OAMG;IACH,OAAO,CAAC,YAAY;IASpB;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;IAoBvB;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;IAmCvB;;;;;;;;OAQG;IACH,OAAO,CAAC,iBAAiB;IA2BzB;;;;;;;OAOG;IACH,OAAO,CAAC,gBAAgB;IA4BxB;;;;;;;OAOG;IACH,OAAO,CAAC,aAAa;IAuCrB;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAuExB"}
|
|
@@ -1,19 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const UIDropdown_1 = require("../UIDropdown");
|
|
12
|
-
const UIComboBox_1 = require("../UIComboBox");
|
|
13
|
-
const UIDatePicker_1 = require("../UIDatePicker");
|
|
14
|
-
const UITable_helper_1 = require("./UITable-helper");
|
|
15
|
-
const types_1 = require("./types");
|
|
16
|
-
require("./UITable.scss");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DetailsList, ScrollablePane, Selection, CheckboxVisibility, DetailsRow, DetailsListLayoutMode, ConstrainMode, SelectionMode, DetailsRowFields, FocusZoneDirection } from '@fluentui/react';
|
|
3
|
+
import { UICheckbox } from '../UICheckbox/index.js';
|
|
4
|
+
import { UITextInput } from '../UIInput/index.js';
|
|
5
|
+
import { UIDropdown } from '../UIDropdown/index.js';
|
|
6
|
+
import { UIComboBox } from '../UIComboBox/index.js';
|
|
7
|
+
import { UIDatePicker } from '../UIDatePicker/index.js';
|
|
8
|
+
import { scrollToColumn, addRowNumbers, _copyAndSort, _onHeaderRender, focusEditedCell, getStylesForSelectedCell, showFocus, hideFocus, scrollToRow, getComboBoxInput, getCellFromCoords } from './UITable-helper.js';
|
|
9
|
+
import { ColumnControlType } from './types.js';
|
|
10
|
+
import './UITable.scss';
|
|
17
11
|
/**
|
|
18
12
|
* UITable component
|
|
19
13
|
* based on: https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist
|
|
@@ -22,7 +16,7 @@ require("./UITable.scss");
|
|
|
22
16
|
* @class {UITable}
|
|
23
17
|
* @extends {React.Component<UITableProps, UITableState>}
|
|
24
18
|
*/
|
|
25
|
-
class UITable extends
|
|
19
|
+
export class UITable extends React.Component {
|
|
26
20
|
/**
|
|
27
21
|
* Initializes component properties.
|
|
28
22
|
*
|
|
@@ -38,7 +32,7 @@ class UITable extends react_1.default.Component {
|
|
|
38
32
|
return null;
|
|
39
33
|
}
|
|
40
34
|
const toggle = !!this.props.renderInputs;
|
|
41
|
-
return
|
|
35
|
+
return React.createElement(DetailsRow, { "data-selection-toggle": toggle, rowFieldsAs: this.renderRowFields.bind(this), ...props });
|
|
42
36
|
};
|
|
43
37
|
this.onComboBoxChange = (option) => {
|
|
44
38
|
this.setState((prevState) => {
|
|
@@ -71,8 +65,8 @@ class UITable extends react_1.default.Component {
|
|
|
71
65
|
columns: props.columns || [],
|
|
72
66
|
items: props.items || []
|
|
73
67
|
};
|
|
74
|
-
this.tableRef =
|
|
75
|
-
this.selection = new
|
|
68
|
+
this.tableRef = React.createRef();
|
|
69
|
+
this.selection = new Selection({
|
|
76
70
|
onSelectionChanged: () => {
|
|
77
71
|
if (typeof this.props.onSelectionChange !== 'function') {
|
|
78
72
|
return;
|
|
@@ -130,7 +124,7 @@ class UITable extends react_1.default.Component {
|
|
|
130
124
|
this.setState({ editedCell: undefined });
|
|
131
125
|
}
|
|
132
126
|
if (typeof this.props.selectedRow !== 'undefined' && prevProps.selectedRow !== this.props.selectedRow) {
|
|
133
|
-
|
|
127
|
+
scrollToRow(this.props.selectedRow, this.tableRef?.current);
|
|
134
128
|
}
|
|
135
129
|
if (this.props.scrollToAddedRow) {
|
|
136
130
|
const dataSetChanged = this.props.dataSetKey !== prevProps.dataSetKey;
|
|
@@ -154,7 +148,7 @@ class UITable extends react_1.default.Component {
|
|
|
154
148
|
const columnIsSelected = typeof this.state.selectedColumnId !== 'undefined';
|
|
155
149
|
const selectedColumnDidChange = prevState.selectedColumnId !== this.state.selectedColumnId;
|
|
156
150
|
if (columnIsSelected && selectedColumnDidChange) {
|
|
157
|
-
|
|
151
|
+
scrollToColumn(this.state.selectedColumnId || '', this.state.columns, this.props.selectedRow || 0, this.props.showRowNumbers);
|
|
158
152
|
}
|
|
159
153
|
this._restoreCaretPosition();
|
|
160
154
|
}
|
|
@@ -164,8 +158,8 @@ class UITable extends react_1.default.Component {
|
|
|
164
158
|
_restoreCaretPosition() {
|
|
165
159
|
const editedCell = this.state.editedCell;
|
|
166
160
|
if (this.caretPosition !== -1 && typeof editedCell?.rowIndex === 'number' && editedCell.column?.key) {
|
|
167
|
-
const cell =
|
|
168
|
-
const input = cell
|
|
161
|
+
const cell = getCellFromCoords(editedCell.rowIndex, editedCell.column.key, this.props.columns, true);
|
|
162
|
+
const input = cell?.querySelector('input');
|
|
169
163
|
if (input && input.selectionStart !== this.caretPosition) {
|
|
170
164
|
input.setSelectionRange(this.caretPosition, this.caretPosition);
|
|
171
165
|
this.caretPosition = -1;
|
|
@@ -178,7 +172,7 @@ class UITable extends react_1.default.Component {
|
|
|
178
172
|
for (const col of this.props.columns) {
|
|
179
173
|
if (col.editable === true && this.inputRefs) {
|
|
180
174
|
this.inputRefs[rowIndexTmp] = this.inputRefs[rowIndexTmp] || {};
|
|
181
|
-
this.inputRefs[rowIndexTmp][col.key] =
|
|
175
|
+
this.inputRefs[rowIndexTmp][col.key] = React.createRef();
|
|
182
176
|
}
|
|
183
177
|
}
|
|
184
178
|
}
|
|
@@ -194,11 +188,11 @@ class UITable extends react_1.default.Component {
|
|
|
194
188
|
// disabled is set to false when selectionMode === undefined || selectionMode === SelectionMode.single
|
|
195
189
|
let disabled = false;
|
|
196
190
|
const selectionMode = this.props.selectionMode;
|
|
197
|
-
if (selectionMode ===
|
|
191
|
+
if (selectionMode === SelectionMode.multiple || selectionMode === SelectionMode.none) {
|
|
198
192
|
disabled = true;
|
|
199
193
|
}
|
|
200
|
-
return (
|
|
201
|
-
|
|
194
|
+
return (React.createElement("div", { "data-selection-disabled": disabled },
|
|
195
|
+
React.createElement(DetailsRowFields, { ...props })));
|
|
202
196
|
}
|
|
203
197
|
/**
|
|
204
198
|
* On render field event.
|
|
@@ -228,12 +222,12 @@ class UITable extends react_1.default.Component {
|
|
|
228
222
|
};
|
|
229
223
|
// in app-migrator, show a warning message for library projects on main migration view
|
|
230
224
|
if (props.item.hideCells && props.column.fieldName === 'moduleName' && !props.item.status) {
|
|
231
|
-
return (
|
|
225
|
+
return (React.createElement("div", { key: key, ...(cell?.props || {}), "data-is-focusable": true, onClick: onClick, tabIndex: 0, role: "gridcell" },
|
|
232
226
|
cell?.props?.children || null,
|
|
233
|
-
|
|
227
|
+
React.createElement("div", { className: "table-item-warning" }, "This is a reuse library and does not require input during migration")));
|
|
234
228
|
}
|
|
235
229
|
else {
|
|
236
|
-
return (
|
|
230
|
+
return (React.createElement("div", { key: key, ...(cell?.props || {}), "data-is-focusable": true, onClick: onClick, tabIndex: 0, role: "gridcell" }, cell?.props?.children || null));
|
|
237
231
|
}
|
|
238
232
|
}
|
|
239
233
|
// just sets the active element property on the table, to track it later
|
|
@@ -265,7 +259,7 @@ class UITable extends react_1.default.Component {
|
|
|
265
259
|
}
|
|
266
260
|
this.activeElement = { item, rowIndex: rowIndex || 0, column };
|
|
267
261
|
if (this.props.renderInputs && column?.editable) {
|
|
268
|
-
const isDropdown = this.activeElement?.column?.columnControlType ===
|
|
262
|
+
const isDropdown = this.activeElement?.column?.columnControlType === ColumnControlType?.UIDropdown;
|
|
269
263
|
if (!isDropdown && this.state.editedCell?.column?.key !== this.activeElement?.column?.key) {
|
|
270
264
|
this.setState({ editedCell: this.activeElement });
|
|
271
265
|
}
|
|
@@ -281,7 +275,7 @@ class UITable extends react_1.default.Component {
|
|
|
281
275
|
*/
|
|
282
276
|
_onRenderItemColumn(item, index, column) {
|
|
283
277
|
if (column?.key === '__row_number__') {
|
|
284
|
-
return
|
|
278
|
+
return React.createElement("div", { className: "ms-DetailsList-row-number" }, (index || 0) + 1);
|
|
285
279
|
}
|
|
286
280
|
return item[column?.fieldName || ''] || '';
|
|
287
281
|
}
|
|
@@ -293,7 +287,7 @@ class UITable extends react_1.default.Component {
|
|
|
293
287
|
* @returns {React.ReactElement}
|
|
294
288
|
*/
|
|
295
289
|
_onRenderCheckbox(props) {
|
|
296
|
-
return
|
|
290
|
+
return React.createElement(UICheckbox, { ...props });
|
|
297
291
|
}
|
|
298
292
|
// COLUMN HEADER SORT
|
|
299
293
|
/**
|
|
@@ -317,7 +311,7 @@ class UITable extends react_1.default.Component {
|
|
|
317
311
|
}
|
|
318
312
|
});
|
|
319
313
|
const field = currColumn.fieldName || currColumn.name || '';
|
|
320
|
-
const newItems =
|
|
314
|
+
const newItems = _copyAndSort(items, field, currColumn.isSortedDescending);
|
|
321
315
|
this.setState({ columns: newColumns, items: newItems });
|
|
322
316
|
}
|
|
323
317
|
// CELL EDITING
|
|
@@ -339,15 +333,15 @@ class UITable extends react_1.default.Component {
|
|
|
339
333
|
}
|
|
340
334
|
}
|
|
341
335
|
requestAnimationFrame(() => {
|
|
342
|
-
if (column?.columnControlType ===
|
|
336
|
+
if (column?.columnControlType === ColumnControlType.UITextInput) {
|
|
343
337
|
this.inputRefs?.[rowIndex][column?.key]?.current?.select();
|
|
344
338
|
}
|
|
345
|
-
else if (column?.columnControlType ===
|
|
346
|
-
column?.columnControlType ===
|
|
339
|
+
else if (column?.columnControlType === ColumnControlType.UICombobox ||
|
|
340
|
+
column?.columnControlType === ColumnControlType.UIBooleanSelect) {
|
|
347
341
|
const combo = this.inputRefs?.[rowIndex][column?.key];
|
|
348
|
-
|
|
342
|
+
getComboBoxInput(combo)?.focus();
|
|
349
343
|
}
|
|
350
|
-
else if (column?.columnControlType ===
|
|
344
|
+
else if (column?.columnControlType === ColumnControlType.UIDatePicker) {
|
|
351
345
|
this.inputRefs?.[rowIndex][column?.key]?.current?.select();
|
|
352
346
|
}
|
|
353
347
|
else if (column?.key) {
|
|
@@ -374,14 +368,14 @@ class UITable extends react_1.default.Component {
|
|
|
374
368
|
* @returns current string value from the control
|
|
375
369
|
*/
|
|
376
370
|
getRefValue(compRef, columnControlType) {
|
|
377
|
-
if (columnControlType ===
|
|
378
|
-
columnControlType ===
|
|
371
|
+
if (columnControlType === ColumnControlType.UITextInput ||
|
|
372
|
+
columnControlType === ColumnControlType.UIDatePicker) {
|
|
379
373
|
return compRef?.current?.value || '';
|
|
380
374
|
}
|
|
381
|
-
if (columnControlType ===
|
|
382
|
-
columnControlType ===
|
|
375
|
+
if (columnControlType === ColumnControlType.UICombobox ||
|
|
376
|
+
columnControlType === ColumnControlType.UIBooleanSelect) {
|
|
383
377
|
const combo = compRef;
|
|
384
|
-
return
|
|
378
|
+
return getComboBoxInput(combo)?.value || '';
|
|
385
379
|
}
|
|
386
380
|
return '';
|
|
387
381
|
}
|
|
@@ -395,7 +389,7 @@ class UITable extends react_1.default.Component {
|
|
|
395
389
|
this.caretPosition = -1;
|
|
396
390
|
if (typeof this.props.onSave === 'function' && this.state.editedCell) {
|
|
397
391
|
const { rowIndex, column } = this.state.editedCell;
|
|
398
|
-
if (column?.columnControlType !==
|
|
392
|
+
if (column?.columnControlType !== ColumnControlType.UIDropdown && !this.state.editedCell.errorMessage) {
|
|
399
393
|
let compRef;
|
|
400
394
|
if (column && this?.inputRefs?.[rowIndex]?.[column.key]) {
|
|
401
395
|
compRef = this?.inputRefs[rowIndex][column.key];
|
|
@@ -456,10 +450,10 @@ class UITable extends react_1.default.Component {
|
|
|
456
450
|
e.preventDefault();
|
|
457
451
|
if (e.key === 'Escape') {
|
|
458
452
|
this.cancelEdit();
|
|
459
|
-
|
|
453
|
+
focusEditedCell(this.state.editedCell, this.props).catch(() => {
|
|
460
454
|
// Ignore focus cell error
|
|
461
455
|
});
|
|
462
|
-
|
|
456
|
+
showFocus();
|
|
463
457
|
return;
|
|
464
458
|
}
|
|
465
459
|
if (this.state.editedCell?.errorMessage) {
|
|
@@ -499,16 +493,16 @@ class UITable extends react_1.default.Component {
|
|
|
499
493
|
direction = shiftKey ? 'left' : 'right';
|
|
500
494
|
}
|
|
501
495
|
if (direction) {
|
|
502
|
-
|
|
496
|
+
hideFocus();
|
|
503
497
|
}
|
|
504
498
|
setTimeout(() => {
|
|
505
|
-
|
|
499
|
+
focusEditedCell(this.state.editedCell, this.props, direction)
|
|
506
500
|
.then(() => {
|
|
507
501
|
if (!direction) {
|
|
508
|
-
|
|
502
|
+
showFocus();
|
|
509
503
|
return;
|
|
510
504
|
}
|
|
511
|
-
|
|
505
|
+
hideFocus();
|
|
512
506
|
const { rowIndex, item, column } = this.activeElement;
|
|
513
507
|
this.startEdit(rowIndex, item, column);
|
|
514
508
|
})
|
|
@@ -547,7 +541,7 @@ class UITable extends react_1.default.Component {
|
|
|
547
541
|
}
|
|
548
542
|
}
|
|
549
543
|
if (column?.editable !== true) {
|
|
550
|
-
|
|
544
|
+
showFocus();
|
|
551
545
|
}
|
|
552
546
|
});
|
|
553
547
|
if (rowIndex !== undefined && item && column?.editable === true) {
|
|
@@ -569,9 +563,9 @@ class UITable extends react_1.default.Component {
|
|
|
569
563
|
}
|
|
570
564
|
if (editedCell && editedCell.errorMessage !== errorMessage) {
|
|
571
565
|
if (typeof editedCell.rowIndex === 'number' && editedCell.column?.key) {
|
|
572
|
-
const cell =
|
|
573
|
-
const input = cell
|
|
574
|
-
this.caretPosition = input
|
|
566
|
+
const cell = getCellFromCoords(editedCell.rowIndex, editedCell.column.key, this.props.columns, true);
|
|
567
|
+
const input = cell?.querySelector('input');
|
|
568
|
+
this.caretPosition = input?.selectionStart || 0;
|
|
575
569
|
}
|
|
576
570
|
editedCell.errorMessage = errorMessage || undefined;
|
|
577
571
|
// Rerender table to show error message
|
|
@@ -622,7 +616,7 @@ class UITable extends react_1.default.Component {
|
|
|
622
616
|
*/
|
|
623
617
|
_renderDropdown(item, rowIndex, column) {
|
|
624
618
|
const compRef = this._getInputRef(rowIndex, column);
|
|
625
|
-
return (
|
|
619
|
+
return (React.createElement(UIDropdown, { id: `dropdown_row${rowIndex}_col${column?.key}`, hidden: item.hideCells ?? false, placeholder: "Select an option", componentRef: compRef, options: column?.data.dropdownOptions, defaultSelectedKey: typeof column?.key === 'string' && item[column?.key]
|
|
626
620
|
? item[column?.key]
|
|
627
621
|
: column?.data.defaultSelectedKey, onChange: (ev, text) => this.onDropdownCellValueChange(text, item, rowIndex, column), onKeyDown: this.onKeyDown }));
|
|
628
622
|
}
|
|
@@ -645,7 +639,7 @@ class UITable extends react_1.default.Component {
|
|
|
645
639
|
value = newValue;
|
|
646
640
|
}
|
|
647
641
|
const options = column?.comboboxOptions?.map((o) => ({ key: o, text: o })) || [];
|
|
648
|
-
return (
|
|
642
|
+
return (React.createElement(UIComboBox, { highlight: true, defaultSelectedKey: value, allowFreeform: false, autoComplete: "on", shouldRestoreFocus: false, wrapperRef: compRef, errorMessage: this.state.editedCell?.errorMessage, openMenuOnClick: false, onPendingValueChanged: this.onComboBoxChange, onKeyDown: this.onKeyDown, onKeyDownCapture: this.onComboBoxKeyDownCapture, onClick: (e) => {
|
|
649
643
|
e.stopPropagation();
|
|
650
644
|
}, options: options }));
|
|
651
645
|
}
|
|
@@ -668,7 +662,7 @@ class UITable extends react_1.default.Component {
|
|
|
668
662
|
if (typeof newValue !== 'undefined') {
|
|
669
663
|
value = newValue;
|
|
670
664
|
}
|
|
671
|
-
return (
|
|
665
|
+
return (React.createElement(UIDatePicker, { defaultValue: value, componentRef: compRef, dateOnly: dateOnly, errorMessage: this.state.editedCell?.errorMessage, onChange: this.onTextInputChange, onKeyDown: this.onKeyDown, onClick: (e) => {
|
|
672
666
|
e.stopPropagation();
|
|
673
667
|
} }));
|
|
674
668
|
}
|
|
@@ -692,7 +686,7 @@ class UITable extends react_1.default.Component {
|
|
|
692
686
|
value = newValue;
|
|
693
687
|
}
|
|
694
688
|
if (!item.hideCells) {
|
|
695
|
-
element = (
|
|
689
|
+
element = (React.createElement(UITextInput, { defaultValue: value, componentRef: compRef, errorMessage: this.state.editedCell?.errorMessage, onChange: this.onTextInputChange, onKeyDown: this.onKeyDown, onClick: (e) => {
|
|
696
690
|
e.stopPropagation();
|
|
697
691
|
} }));
|
|
698
692
|
}
|
|
@@ -709,7 +703,7 @@ class UITable extends react_1.default.Component {
|
|
|
709
703
|
_onCellRender(item, rowIndex, column) {
|
|
710
704
|
// inputs & dropdowns always visible
|
|
711
705
|
if (this.props.renderInputs && rowIndex !== undefined) {
|
|
712
|
-
if (column?.columnControlType ===
|
|
706
|
+
if (column?.columnControlType === ColumnControlType.UIDropdown) {
|
|
713
707
|
return this._renderDropdown(item, rowIndex, column);
|
|
714
708
|
}
|
|
715
709
|
return this._renderTextInput(item, rowIndex, column);
|
|
@@ -720,13 +714,13 @@ class UITable extends react_1.default.Component {
|
|
|
720
714
|
const itsThisCol = editedCell && editedCell.column?.key === column?.key;
|
|
721
715
|
const isCellInEditMode = itsThisRow && itsThisCol;
|
|
722
716
|
if (isCellInEditMode && rowIndex !== undefined) {
|
|
723
|
-
if (column?.columnControlType ===
|
|
717
|
+
if (column?.columnControlType === ColumnControlType.UICombobox) {
|
|
724
718
|
return this._renderCombobox(item, rowIndex, column);
|
|
725
719
|
}
|
|
726
|
-
else if (column?.columnControlType ===
|
|
720
|
+
else if (column?.columnControlType === ColumnControlType.UIBooleanSelect) {
|
|
727
721
|
return this._renderCombobox(item, rowIndex, { ...column, comboboxOptions: ['true', 'false'] });
|
|
728
722
|
}
|
|
729
|
-
else if (column?.columnControlType ===
|
|
723
|
+
else if (column?.columnControlType === ColumnControlType.UIDatePicker) {
|
|
730
724
|
return this._renderDatePicker(item, rowIndex, column, column?.type === 'Date');
|
|
731
725
|
}
|
|
732
726
|
else {
|
|
@@ -737,7 +731,7 @@ class UITable extends react_1.default.Component {
|
|
|
737
731
|
e.stopPropagation();
|
|
738
732
|
this._onCellClick(e, item, rowIndex || 0, column);
|
|
739
733
|
};
|
|
740
|
-
return (
|
|
734
|
+
return (React.createElement("span", { style: { cursor: 'text', padding: 5 }, onClick: onClick }, item[column?.fieldName || 0]));
|
|
741
735
|
}
|
|
742
736
|
/**
|
|
743
737
|
* @returns {JSX.Element}
|
|
@@ -767,27 +761,26 @@ class UITable extends react_1.default.Component {
|
|
|
767
761
|
col.headerClassName = 'selected';
|
|
768
762
|
}
|
|
769
763
|
});
|
|
770
|
-
columns =
|
|
764
|
+
columns = addRowNumbers(columns, showRowNumbers);
|
|
771
765
|
}
|
|
772
|
-
const styles =
|
|
766
|
+
const styles = getStylesForSelectedCell(this.state);
|
|
773
767
|
if (typeof checkboxVisibility === 'undefined') {
|
|
774
|
-
checkboxVisibility =
|
|
768
|
+
checkboxVisibility = CheckboxVisibility.hidden;
|
|
775
769
|
}
|
|
776
770
|
if (typeof selectionMode === 'undefined') {
|
|
777
|
-
selectionMode =
|
|
771
|
+
selectionMode = SelectionMode.single;
|
|
778
772
|
}
|
|
779
773
|
if (typeof headerRenderer === 'undefined') {
|
|
780
|
-
headerRenderer =
|
|
774
|
+
headerRenderer = _onHeaderRender;
|
|
781
775
|
}
|
|
782
776
|
const focusZoneProps = {
|
|
783
|
-
direction:
|
|
777
|
+
direction: FocusZoneDirection.vertical,
|
|
784
778
|
shouldEnterInnerZone: (ev) => {
|
|
785
779
|
return ev.key === 'ArrowRight';
|
|
786
780
|
}
|
|
787
781
|
};
|
|
788
|
-
return (
|
|
789
|
-
|
|
782
|
+
return (React.createElement(ScrollablePane, { ...scrollablePaneProps, styles: { stickyAbove: { zIndex: 2 } } },
|
|
783
|
+
React.createElement(DetailsList, { checkboxVisibility: checkboxVisibility, componentRef: this.tableRef, selection: this.selection, selectionMode: selectionMode, onRenderCheckbox: this._onRenderCheckbox, onRenderDetailsHeader: headerRenderer, onRenderField: this._onRenderField, onRenderRow: this._onRenderRow, onRenderItemColumn: this._onRenderItemColumn, layoutMode: DetailsListLayoutMode.fixedColumns, constrainMode: ConstrainMode.unconstrained, focusZoneProps: focusZoneProps, onActiveItemChanged: this._onCellActivation, ...detailsListProps, items: items, columns: columns, styles: styles })));
|
|
790
784
|
}
|
|
791
785
|
}
|
|
792
|
-
exports.UITable = UITable;
|
|
793
786
|
//# sourceMappingURL=UITable.js.map
|