@gooddata/sdk-ui-kit 11.16.0-alpha.4 → 11.16.0-alpha.6
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/esm/@ui/@utils/keyboardNavigation.d.ts +8 -8
- package/esm/@ui/@utils/keyboardNavigation.d.ts.map +1 -1
- package/esm/@ui/@utils/keyboardNavigation.js +1 -1
- package/esm/@ui/@utils/keyboardNavigation.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts +4 -4
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.d.ts +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBody.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.d.ts +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableBulkActions.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.d.ts +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.js +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.d.ts +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.d.ts +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/useAsyncTableResponsiveColumns.d.ts +3 -3
- package/esm/@ui/UiAsyncTable/UiAsyncTable/useAsyncTableResponsiveColumns.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/useAsyncTableResponsiveColumns.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/useAsyncTableResponsiveColumns.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts +3 -3
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/utils.js.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.d.ts +2 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.js +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTableTitle/UiAsyncTableTitle.js.map +1 -1
- package/esm/@ui/UiAsyncTable/types.d.ts +35 -35
- package/esm/@ui/UiAsyncTable/types.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/types.js +1 -1
- package/esm/@ui/UiAsyncTable/types.js.map +1 -1
- package/esm/@ui/UiBadge/UiBadge.d.ts +2 -2
- package/esm/@ui/UiBadge/UiBadge.d.ts.map +1 -1
- package/esm/@ui/UiBadge/UiBadge.js +1 -1
- package/esm/@ui/UiBadge/UiBadge.js.map +1 -1
- package/esm/@ui/UiButton/UiButton.d.ts +2 -2
- package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.js +2 -2
- package/esm/@ui/UiButton/UiButton.js.map +1 -1
- package/esm/@ui/UiCard/UiCard.d.ts +2 -2
- package/esm/@ui/UiCard/UiCard.d.ts.map +1 -1
- package/esm/@ui/UiCard/UiCard.js +1 -1
- package/esm/@ui/UiCard/UiCard.js.map +1 -1
- package/esm/@ui/UiCheckbox/UiCheckbox.d.ts +2 -2
- package/esm/@ui/UiCheckbox/UiCheckbox.d.ts.map +1 -1
- package/esm/@ui/UiCheckbox/UiCheckbox.js +1 -1
- package/esm/@ui/UiCheckbox/UiCheckbox.js.map +1 -1
- package/esm/@ui/UiChip/ChipContent.d.ts +2 -2
- package/esm/@ui/UiChip/ChipContent.d.ts.map +1 -1
- package/esm/@ui/UiChip/ChipContent.js +1 -1
- package/esm/@ui/UiChip/ChipContent.js.map +1 -1
- package/esm/@ui/UiChip/ChipDeleteButton.d.ts +2 -2
- package/esm/@ui/UiChip/ChipDeleteButton.d.ts.map +1 -1
- package/esm/@ui/UiChip/ChipDeleteButton.js +1 -1
- package/esm/@ui/UiChip/ChipDeleteButton.js.map +1 -1
- package/esm/@ui/UiChip/UiChip.d.ts +2 -2
- package/esm/@ui/UiChip/UiChip.d.ts.map +1 -1
- package/esm/@ui/UiChip/UiChip.js +1 -1
- package/esm/@ui/UiChip/UiChip.js.map +1 -1
- package/esm/@ui/UiChip/types.d.ts +3 -3
- package/esm/@ui/UiChip/types.d.ts.map +1 -1
- package/esm/@ui/UiChip/types.js +1 -1
- package/esm/@ui/UiChip/types.js.map +1 -1
- package/esm/@ui/UiCombobox/UiCombobox.d.ts +2 -2
- package/esm/@ui/UiCombobox/UiCombobox.d.ts.map +1 -1
- package/esm/@ui/UiCombobox/UiCombobox.js.map +1 -1
- package/esm/@ui/UiCombobox/UiComboboxList.d.ts +2 -2
- package/esm/@ui/UiCombobox/UiComboboxList.d.ts.map +1 -1
- package/esm/@ui/UiCombobox/UiComboboxList.js +1 -1
- package/esm/@ui/UiCombobox/UiComboboxList.js.map +1 -1
- package/esm/@ui/UiCombobox/UiComboboxListItem.d.ts +3 -3
- package/esm/@ui/UiCombobox/UiComboboxListItem.d.ts.map +1 -1
- package/esm/@ui/UiCombobox/UiComboboxListItem.js +1 -1
- package/esm/@ui/UiCombobox/UiComboboxListItem.js.map +1 -1
- package/esm/@ui/UiCombobox/index.d.ts +3 -3
- package/esm/@ui/UiCombobox/index.d.ts.map +1 -1
- package/esm/@ui/UiCombobox/index.js +1 -1
- package/esm/@ui/UiCombobox/index.js.map +1 -1
- package/esm/@ui/UiDate/UiDate.d.ts +2 -2
- package/esm/@ui/UiDate/UiDate.d.ts.map +1 -1
- package/esm/@ui/UiDate/UiDate.js +1 -1
- package/esm/@ui/UiDate/UiDate.js.map +1 -1
- package/esm/@ui/UiDrawer/UiDrawer.d.ts +2 -2
- package/esm/@ui/UiDrawer/UiDrawer.d.ts.map +1 -1
- package/esm/@ui/UiDrawer/UiDrawer.js +7 -6
- package/esm/@ui/UiDrawer/UiDrawer.js.map +1 -1
- package/esm/@ui/UiDrawer/types.d.ts +3 -2
- package/esm/@ui/UiDrawer/types.d.ts.map +1 -1
- package/esm/@ui/UiDrawer/types.js +1 -1
- package/esm/@ui/UiDrawer/types.js.map +1 -1
- package/esm/@ui/UiDropdownIconButton/UiDropdownIconButton.d.ts +3 -3
- package/esm/@ui/UiDropdownIconButton/UiDropdownIconButton.d.ts.map +1 -1
- package/esm/@ui/UiDropdownIconButton/UiDropdownIconButton.js +1 -1
- package/esm/@ui/UiDropdownIconButton/UiDropdownIconButton.js.map +1 -1
- package/esm/@ui/UiFloatingElement/utils.js +1 -1
- package/esm/@ui/UiFloatingElement/utils.js.map +1 -1
- package/esm/@ui/UiIcon/UiIcon.d.ts +7 -4
- package/esm/@ui/UiIcon/UiIcon.d.ts.map +1 -1
- package/esm/@ui/UiIcon/UiIcon.js +5 -4
- package/esm/@ui/UiIcon/UiIcon.js.map +1 -1
- package/esm/@ui/UiIconButton/UiIconButton.d.ts +3 -3
- package/esm/@ui/UiIconButton/UiIconButton.d.ts.map +1 -1
- package/esm/@ui/UiIconButton/UiIconButton.js +1 -1
- package/esm/@ui/UiIconButton/UiIconButton.js.map +1 -1
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.d.ts +4 -4
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.d.ts.map +1 -1
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.js +2 -2
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.js.map +1 -1
- package/esm/@ui/UiListbox/UiListbox.d.ts +2 -2
- package/esm/@ui/UiListbox/UiListbox.d.ts.map +1 -1
- package/esm/@ui/UiListbox/UiListbox.js +14 -11
- package/esm/@ui/UiListbox/UiListbox.js.map +1 -1
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.d.ts +2 -2
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.d.ts.map +1 -1
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.js.map +1 -1
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.d.ts +2 -2
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.d.ts.map +1 -1
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxStaticItemComponent.js.map +1 -1
- package/esm/@ui/UiListbox/types.d.ts +6 -6
- package/esm/@ui/UiListbox/types.d.ts.map +1 -1
- package/esm/@ui/UiListbox/types.js +1 -1
- package/esm/@ui/UiListbox/types.js.map +1 -1
- package/esm/@ui/UiMenu/UiMenu.d.ts +2 -2
- package/esm/@ui/UiMenu/UiMenu.d.ts.map +1 -1
- package/esm/@ui/UiMenu/UiMenu.js +1 -1
- package/esm/@ui/UiMenu/UiMenu.js.map +1 -1
- package/esm/@ui/UiMenu/hooks.d.ts +4 -4
- package/esm/@ui/UiMenu/hooks.d.ts.map +1 -1
- package/esm/@ui/UiMenu/hooks.js +1 -1
- package/esm/@ui/UiMenu/hooks.js.map +1 -1
- package/esm/@ui/UiMenu/types.d.ts +1 -1
- package/esm/@ui/UiMenu/types.d.ts.map +1 -1
- package/esm/@ui/UiMenu/types.js +1 -1
- package/esm/@ui/UiMenu/types.js.map +1 -1
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.d.ts +4 -4
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.d.ts.map +1 -1
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js +1 -1
- package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js.map +1 -1
- package/esm/@ui/UiPaginationButton/UiPaginationButton.d.ts +2 -2
- package/esm/@ui/UiPaginationButton/UiPaginationButton.d.ts.map +1 -1
- package/esm/@ui/UiPaginationButton/UiPaginationButton.js +2 -2
- package/esm/@ui/UiPaginationButton/UiPaginationButton.js.map +1 -1
- package/esm/@ui/UiPopover/UiPopover.d.ts +4 -4
- package/esm/@ui/UiPopover/UiPopover.d.ts.map +1 -1
- package/esm/@ui/UiPopover/UiPopover.js +1 -1
- package/esm/@ui/UiPopover/UiPopover.js.map +1 -1
- package/esm/@ui/UiSkeleton/UiSkeleton.d.ts +2 -2
- package/esm/@ui/UiSkeleton/UiSkeleton.d.ts.map +1 -1
- package/esm/@ui/UiSkeleton/UiSkeleton.js +1 -1
- package/esm/@ui/UiSkeleton/UiSkeleton.js.map +1 -1
- package/esm/@ui/UiSubmenuHeader/UiSubmenuHeader.d.ts +2 -2
- package/esm/@ui/UiSubmenuHeader/UiSubmenuHeader.d.ts.map +1 -1
- package/esm/@ui/UiSubmenuHeader/UiSubmenuHeader.js.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.js +2 -2
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTabActionsButton.js.map +1 -1
- package/esm/@ui/UiTag/UiTag.d.ts.map +1 -1
- package/esm/@ui/UiTag/UiTag.js +3 -3
- package/esm/@ui/UiTag/UiTag.js.map +1 -1
- package/esm/@ui/UiTags/UiTag.d.ts +6 -6
- package/esm/@ui/UiTags/UiTag.d.ts.map +1 -1
- package/esm/@ui/UiTags/UiTag.js +1 -1
- package/esm/@ui/UiTags/UiTag.js.map +1 -1
- package/esm/@ui/UiTags/UiTags.d.ts +2 -2
- package/esm/@ui/UiTags/UiTags.d.ts.map +1 -1
- package/esm/@ui/UiTags/UiTags.js +1 -1
- package/esm/@ui/UiTags/UiTags.js.map +1 -1
- package/esm/@ui/UiTags/hooks/useResponsiveTags.d.ts +4 -4
- package/esm/@ui/UiTags/hooks/useResponsiveTags.d.ts.map +1 -1
- package/esm/@ui/UiTags/hooks/useResponsiveTags.js +1 -1
- package/esm/@ui/UiTags/hooks/useResponsiveTags.js.map +1 -1
- package/esm/@ui/UiTags/interactions.d.ts +4 -4
- package/esm/@ui/UiTags/interactions.d.ts.map +1 -1
- package/esm/@ui/UiTags/interactions.js +1 -1
- package/esm/@ui/UiTags/interactions.js.map +1 -1
- package/esm/@ui/UiTags/types.d.ts +7 -7
- package/esm/@ui/UiTags/types.d.ts.map +1 -1
- package/esm/@ui/UiTags/types.js +1 -1
- package/esm/@ui/UiTags/types.js.map +1 -1
- package/esm/@ui/UiTooltip/UiTooltip.d.ts +2 -2
- package/esm/@ui/UiTooltip/UiTooltip.d.ts.map +1 -1
- package/esm/@ui/UiTooltip/UiTooltip.js +1 -1
- package/esm/@ui/UiTooltip/UiTooltip.js.map +1 -1
- package/esm/@ui/UiTooltip/types.d.ts +1 -1
- package/esm/@ui/UiTooltip/types.d.ts.map +1 -1
- package/esm/@ui/UiTooltip/types.js +1 -1
- package/esm/@ui/UiTooltip/types.js.map +1 -1
- package/esm/@ui/UiTreeview/UITreeviewItem.d.ts +2 -2
- package/esm/@ui/UiTreeview/UITreeviewItem.d.ts.map +1 -1
- package/esm/@ui/UiTreeview/UITreeviewItem.js +1 -1
- package/esm/@ui/UiTreeview/UITreeviewItem.js.map +1 -1
- package/esm/@ui/UiTreeview/UiTreeviewRoot.d.ts +2 -2
- package/esm/@ui/UiTreeview/UiTreeviewRoot.d.ts.map +1 -1
- package/esm/@ui/UiTreeview/UiTreeviewRoot.js.map +1 -1
- package/esm/ChartSorting/AttributeDropdown/AttributeDropdown.d.ts +2 -2
- package/esm/ChartSorting/AttributeDropdown/AttributeDropdown.d.ts.map +1 -1
- package/esm/ChartSorting/AttributeDropdown/AttributeDropdown.js +1 -1
- package/esm/ChartSorting/AttributeDropdown/AttributeDropdown.js.map +1 -1
- package/esm/ChartSorting/ChartSorting.d.ts +6 -5
- package/esm/ChartSorting/ChartSorting.d.ts.map +1 -1
- package/esm/ChartSorting/ChartSorting.js +1 -1
- package/esm/ChartSorting/ChartSorting.js.map +1 -1
- package/esm/ChartSorting/ChartSortingDropdown.d.ts +2 -2
- package/esm/ChartSorting/ChartSortingDropdown.d.ts.map +1 -1
- package/esm/ChartSorting/ChartSortingDropdown.js +1 -1
- package/esm/ChartSorting/ChartSortingDropdown.js.map +1 -1
- package/esm/ChartSorting/ChartSortingDropdownBody.d.ts +2 -2
- package/esm/ChartSorting/ChartSortingDropdownBody.d.ts.map +1 -1
- package/esm/ChartSorting/ChartSortingDropdownBody.js.map +1 -1
- package/esm/ChartSorting/MeasureDropdown/MeasureDropdown.d.ts +2 -2
- package/esm/ChartSorting/MeasureDropdown/MeasureDropdown.d.ts.map +1 -1
- package/esm/ChartSorting/MeasureDropdown/MeasureDropdown.js +1 -1
- package/esm/ChartSorting/MeasureDropdown/MeasureDropdown.js.map +1 -1
- package/esm/ChartSorting/index.d.ts +1 -1
- package/esm/ChartSorting/index.d.ts.map +1 -1
- package/esm/ChartSorting/index.js +1 -1
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/EmbedInsightContent.d.ts.map +1 -1
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/EmbedInsightContent.js +1 -1
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/EmbedInsightContent.js.map +1 -1
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/HeightSetting.js +1 -1
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/HeightSetting.js.map +1 -1
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/LocaleSetting.js +1 -1
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/LocaleSetting.js.map +1 -1
- package/esm/Dialog/HubspotConversionTouchPointDialogBase.d.ts +1 -1
- package/esm/Dialog/HubspotConversionTouchPointDialogBase.d.ts.map +1 -1
- package/esm/Dialog/HubspotConversionTouchPointDialogBase.js +1 -1
- package/esm/Dialog/HubspotConversionTouchPointDialogBase.js.map +1 -1
- package/esm/Dropdown/Dropdown.d.ts +1 -1
- package/esm/Dropdown/Dropdown.d.ts.map +1 -1
- package/esm/Dropdown/Dropdown.js +1 -1
- package/esm/Dropdown/Dropdown.js.map +1 -1
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.d.ts +1 -1
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.d.ts.map +1 -1
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.js +1 -1
- package/esm/Dropdown/DropdownButtonKeyboardWrapper.js.map +1 -1
- package/esm/Dropdown/DropdownList.d.ts.map +1 -1
- package/esm/Dropdown/DropdownList.js +1 -1
- package/esm/Dropdown/DropdownList.js.map +1 -1
- package/esm/EditableLabel/EditableLabel.d.ts.map +1 -1
- package/esm/EditableLabel/EditableLabel.js +29 -2
- package/esm/EditableLabel/EditableLabel.js.map +1 -1
- package/esm/Form/Checkbox.d.ts +2 -2
- package/esm/Form/Checkbox.d.ts.map +1 -1
- package/esm/Form/Checkbox.js +1 -1
- package/esm/Form/Checkbox.js.map +1 -1
- package/esm/Form/Input.d.ts +10 -10
- package/esm/Form/Input.d.ts.map +1 -1
- package/esm/Form/Input.js +1 -1
- package/esm/Form/Input.js.map +1 -1
- package/esm/Form/InputPure.d.ts +25 -12
- package/esm/Form/InputPure.d.ts.map +1 -1
- package/esm/Form/InputPure.js +35 -12
- package/esm/Form/InputPure.js.map +1 -1
- package/esm/Form/InputWithNumberFormat.d.ts +6 -5
- package/esm/Form/InputWithNumberFormat.d.ts.map +1 -1
- package/esm/Form/InputWithNumberFormat.js +1 -2
- package/esm/Form/InputWithNumberFormat.js.map +1 -1
- package/esm/Form/index.d.ts +4 -4
- package/esm/Form/index.d.ts.map +1 -1
- package/esm/Form/index.js +1 -1
- package/esm/Header/Header.js.map +1 -1
- package/esm/Header/HeaderChatButton.js +1 -1
- package/esm/Header/HeaderChatButton.js.map +1 -1
- package/esm/List/guid.d.ts.map +1 -1
- package/esm/List/guid.js +1 -1
- package/esm/List/guid.js.map +1 -1
- package/esm/Messages/index.d.ts +1 -1
- package/esm/Messages/index.d.ts.map +1 -1
- package/esm/Messages/index.js +1 -1
- package/esm/Messages/toasts/useToastMessage.d.ts +2 -2
- package/esm/Messages/toasts/useToastMessage.d.ts.map +1 -1
- package/esm/Messages/toasts/useToastMessage.js +1 -1
- package/esm/Messages/toasts/useToastMessage.js.map +1 -1
- package/esm/Overlay/Overlay.js +1 -1
- package/esm/Overlay/Overlay.js.map +1 -1
- package/esm/RecurrenceForm/useCronValidation.d.ts +2 -2
- package/esm/RecurrenceForm/useCronValidation.d.ts.map +1 -1
- package/esm/RecurrenceForm/useCronValidation.js +1 -1
- package/esm/RecurrenceForm/useCronValidation.js.map +1 -1
- package/esm/RichText/hooks/useEvaluatedMetricsAndAttributes.d.ts.map +1 -1
- package/esm/RichText/hooks/useEvaluatedMetricsAndAttributes.js +2 -1
- package/esm/RichText/hooks/useEvaluatedMetricsAndAttributes.js.map +1 -1
- package/esm/ZoomContext/ZoomContext.d.ts +2 -2
- package/esm/ZoomContext/ZoomContext.d.ts.map +1 -1
- package/esm/ZoomContext/ZoomContext.js +1 -1
- package/esm/ZoomContext/ZoomContext.js.map +1 -1
- package/esm/index.d.ts +21 -21
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -1
- package/esm/measureNumberFormat/hooks/useCurrencyFormatDefaults.d.ts +2 -2
- package/esm/measureNumberFormat/hooks/useCurrencyFormatDefaults.d.ts.map +1 -1
- package/esm/measureNumberFormat/hooks/useCurrencyFormatDefaults.js +1 -1
- package/esm/measureNumberFormat/hooks/useCurrencyFormatDefaults.js.map +1 -1
- package/esm/measureNumberFormat/hooks/useMetricTypePresets.d.ts +4 -4
- package/esm/measureNumberFormat/hooks/useMetricTypePresets.d.ts.map +1 -1
- package/esm/measureNumberFormat/hooks/useMetricTypePresets.js +1 -1
- package/esm/measureNumberFormat/hooks/useMetricTypePresets.js.map +1 -1
- package/esm/measureNumberFormat/presetsDropdown/PresetsDropdown.js +1 -1
- package/esm/measureNumberFormat/presetsDropdown/PresetsDropdown.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +928 -909
- package/package.json +15 -15
- package/styles/css/editableLabel.css +1 -0
- package/styles/css/editableLabel.css.map +1 -1
- package/styles/css/main.css +1 -0
- package/styles/css/main.css.map +1 -1
- package/styles/scss/editableLabel.scss +1 -0
package/esm/sdk-ui-kit.d.ts
CHANGED
|
@@ -372,51 +372,19 @@ export declare const Button: ForwardRefExoticComponent<IButtonProps & RefAttribu
|
|
|
372
372
|
/**
|
|
373
373
|
* @internal
|
|
374
374
|
*/
|
|
375
|
-
export declare function ChartSortingDialog(props:
|
|
375
|
+
export declare function ChartSortingDialog(props: IChartSortingOwnProps): JSX.Element;
|
|
376
376
|
|
|
377
377
|
/**
|
|
378
378
|
* @internal
|
|
379
379
|
*/
|
|
380
|
-
export declare
|
|
381
|
-
|
|
382
|
-
availableSorts: IAvailableSortsGroup[];
|
|
383
|
-
bucketItems: IBucketItemDescriptors;
|
|
384
|
-
onApply: (sortItems: ISortItem[]) => void;
|
|
385
|
-
onCancel: () => void;
|
|
386
|
-
buttonNode?: HTMLElement | string;
|
|
387
|
-
locale?: string;
|
|
388
|
-
}
|
|
389
|
-
|
|
390
|
-
/**
|
|
391
|
-
* @internal
|
|
392
|
-
*/
|
|
393
|
-
export declare type ChartSortingProps = ChartSortingOwnProps & WrappedComponentProps;
|
|
394
|
-
|
|
395
|
-
/**
|
|
396
|
-
* @internal
|
|
397
|
-
*/
|
|
398
|
-
export declare const ChartSortingWithIntl: FC<WithIntlProps<ChartSortingProps>> & {
|
|
399
|
-
WrappedComponent: ComponentType<ChartSortingProps>;
|
|
380
|
+
export declare const ChartSortingWithIntl: FC<WithIntlProps<IChartSortingProps>> & {
|
|
381
|
+
WrappedComponent: ComponentType<IChartSortingProps>;
|
|
400
382
|
};
|
|
401
383
|
|
|
402
384
|
/**
|
|
403
385
|
* @internal
|
|
404
386
|
*/
|
|
405
|
-
export declare const Checkbox: NamedExoticComponent<
|
|
406
|
-
|
|
407
|
-
/**
|
|
408
|
-
* @internal
|
|
409
|
-
*/
|
|
410
|
-
export declare interface CheckboxProps {
|
|
411
|
-
id?: string;
|
|
412
|
-
disabled?: boolean;
|
|
413
|
-
name?: string;
|
|
414
|
-
text?: string;
|
|
415
|
-
title?: string;
|
|
416
|
-
value?: boolean;
|
|
417
|
-
labelSize?: LabelSize;
|
|
418
|
-
onChange?: (e: boolean) => void;
|
|
419
|
-
}
|
|
387
|
+
export declare const Checkbox: NamedExoticComponent<ICheckboxProps>;
|
|
420
388
|
|
|
421
389
|
/**
|
|
422
390
|
* @internal
|
|
@@ -669,13 +637,13 @@ export declare const defaultThemeMetadataObject: IThemeDefinition;
|
|
|
669
637
|
/**
|
|
670
638
|
* @internal
|
|
671
639
|
*/
|
|
672
|
-
export declare function DefaultUiListboxInteractiveItemComponent<T>({ item, isFocused, isSelected, isCompact, onSelect, }:
|
|
640
|
+
export declare function DefaultUiListboxInteractiveItemComponent<T>({ item, isFocused, isSelected, isCompact, onSelect, }: IUiListboxInteractiveItemProps<T>): ReactNode;
|
|
673
641
|
|
|
674
642
|
/**
|
|
675
643
|
* By default just renders the data.
|
|
676
644
|
* @internal
|
|
677
645
|
*/
|
|
678
|
-
export declare function DefaultUiListboxStaticItemComponent<T>({ item }:
|
|
646
|
+
export declare function DefaultUiListboxStaticItemComponent<T>({ item }: IUiListboxStaticItemProps<T>): ReactNode;
|
|
679
647
|
|
|
680
648
|
/**
|
|
681
649
|
* Container for rendering custom content in menu.
|
|
@@ -1805,6 +1773,39 @@ export declare interface IButtonProps {
|
|
|
1805
1773
|
describedByFromValidation?: boolean;
|
|
1806
1774
|
}
|
|
1807
1775
|
|
|
1776
|
+
/**
|
|
1777
|
+
* @internal
|
|
1778
|
+
*/
|
|
1779
|
+
export declare interface IChartSortingOwnProps {
|
|
1780
|
+
currentSort: ISortItem[];
|
|
1781
|
+
availableSorts: IAvailableSortsGroup[];
|
|
1782
|
+
bucketItems: IBucketItemDescriptors;
|
|
1783
|
+
onApply: (sortItems: ISortItem[]) => void;
|
|
1784
|
+
onCancel: () => void;
|
|
1785
|
+
buttonNode?: HTMLElement | string;
|
|
1786
|
+
locale?: string;
|
|
1787
|
+
}
|
|
1788
|
+
|
|
1789
|
+
/**
|
|
1790
|
+
* @internal
|
|
1791
|
+
*/
|
|
1792
|
+
export declare interface IChartSortingProps extends IChartSortingOwnProps, WrappedComponentProps {
|
|
1793
|
+
}
|
|
1794
|
+
|
|
1795
|
+
/**
|
|
1796
|
+
* @internal
|
|
1797
|
+
*/
|
|
1798
|
+
export declare interface ICheckboxProps {
|
|
1799
|
+
id?: string;
|
|
1800
|
+
disabled?: boolean;
|
|
1801
|
+
name?: string;
|
|
1802
|
+
text?: string;
|
|
1803
|
+
title?: string;
|
|
1804
|
+
value?: boolean;
|
|
1805
|
+
labelSize?: LabelSize;
|
|
1806
|
+
onChange?: (e: boolean) => void;
|
|
1807
|
+
}
|
|
1808
|
+
|
|
1808
1809
|
/**
|
|
1809
1810
|
* @internal
|
|
1810
1811
|
*/
|
|
@@ -2857,7 +2858,7 @@ export declare interface IDropdownButtonRenderProps {
|
|
|
2857
2858
|
buttonRef: MutableRefObject<HTMLElement | null>;
|
|
2858
2859
|
openDropdown: () => void;
|
|
2859
2860
|
closeDropdown: () => void;
|
|
2860
|
-
toggleDropdown: (desiredState?:
|
|
2861
|
+
toggleDropdown: (desiredState?: unknown) => void;
|
|
2861
2862
|
/**
|
|
2862
2863
|
* Props supporting accessibility that can be just passed through to the rendered element
|
|
2863
2864
|
*/
|
|
@@ -3665,6 +3666,81 @@ export declare interface IIconProps {
|
|
|
3665
3666
|
ariaHidden?: boolean;
|
|
3666
3667
|
}
|
|
3667
3668
|
|
|
3669
|
+
/**
|
|
3670
|
+
* @internal
|
|
3671
|
+
*/
|
|
3672
|
+
export declare interface IInputPureAccessibilityConfig extends IAccessibilityConfigBase {
|
|
3673
|
+
prefixAriaLabel?: string;
|
|
3674
|
+
suffixAriaLabel?: string;
|
|
3675
|
+
ariaInvalid?: AriaAttributes["aria-invalid"];
|
|
3676
|
+
}
|
|
3677
|
+
|
|
3678
|
+
/**
|
|
3679
|
+
* @internal
|
|
3680
|
+
*/
|
|
3681
|
+
export declare interface IInputPureProps extends IDomNativeProps {
|
|
3682
|
+
className?: string;
|
|
3683
|
+
clearOnEsc?: boolean;
|
|
3684
|
+
disabled?: boolean;
|
|
3685
|
+
hasError?: boolean;
|
|
3686
|
+
hasWarning?: boolean;
|
|
3687
|
+
isSearch?: boolean;
|
|
3688
|
+
isSmall?: boolean;
|
|
3689
|
+
maxlength?: number;
|
|
3690
|
+
onChange?: (value: string | number, e?: ChangeEvent<HTMLInputElement>) => void;
|
|
3691
|
+
onKeyDown?: (e: KeyboardEvent_2) => void;
|
|
3692
|
+
onEscKeyPress?: (e: KeyboardEvent_2) => void;
|
|
3693
|
+
onEnterKeyPress?: () => void;
|
|
3694
|
+
onBlur?: (e: FocusEvent_2<HTMLInputElement>) => void;
|
|
3695
|
+
onFocus?: (e: FocusEvent_2<HTMLInputElement>) => void;
|
|
3696
|
+
placeholder?: string;
|
|
3697
|
+
prefix?: string;
|
|
3698
|
+
readonly?: boolean;
|
|
3699
|
+
suffix?: string;
|
|
3700
|
+
label?: ReactNode;
|
|
3701
|
+
labelPositionTop?: boolean;
|
|
3702
|
+
value?: string | number;
|
|
3703
|
+
id?: string;
|
|
3704
|
+
name?: string;
|
|
3705
|
+
type?: string;
|
|
3706
|
+
required?: boolean;
|
|
3707
|
+
accessibilityType?: string;
|
|
3708
|
+
accessibilityConfig?: IInputPureAccessibilityConfig;
|
|
3709
|
+
autocomplete?: string;
|
|
3710
|
+
iconButton?: IconType;
|
|
3711
|
+
onIconButtonClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
3712
|
+
iconButtonLabel?: string;
|
|
3713
|
+
dataTestId?: string;
|
|
3714
|
+
}
|
|
3715
|
+
|
|
3716
|
+
/**
|
|
3717
|
+
* @internal
|
|
3718
|
+
*/
|
|
3719
|
+
export declare interface IInputState {
|
|
3720
|
+
value: string | number;
|
|
3721
|
+
}
|
|
3722
|
+
|
|
3723
|
+
/**
|
|
3724
|
+
* @internal
|
|
3725
|
+
*/
|
|
3726
|
+
export declare interface IInputWithNumberFormatOwnProps {
|
|
3727
|
+
separators?: Separators;
|
|
3728
|
+
}
|
|
3729
|
+
|
|
3730
|
+
/**
|
|
3731
|
+
* @internal
|
|
3732
|
+
*/
|
|
3733
|
+
export declare interface IInputWithNumberFormatProps extends IInputWithNumberFormatOwnProps, IInputPureProps {
|
|
3734
|
+
}
|
|
3735
|
+
|
|
3736
|
+
/**
|
|
3737
|
+
* @internal
|
|
3738
|
+
*/
|
|
3739
|
+
export declare interface IInputWithNumberFormatState {
|
|
3740
|
+
value: number;
|
|
3741
|
+
isFocused: boolean;
|
|
3742
|
+
}
|
|
3743
|
+
|
|
3668
3744
|
/**
|
|
3669
3745
|
* @internal
|
|
3670
3746
|
*/
|
|
@@ -4554,7 +4630,7 @@ export declare interface INoDataProps {
|
|
|
4554
4630
|
/**
|
|
4555
4631
|
* @internal
|
|
4556
4632
|
*/
|
|
4557
|
-
export declare class Input extends PureComponent<
|
|
4633
|
+
export declare class Input extends PureComponent<IInputPureProps, IInputState> {
|
|
4558
4634
|
static defaultProps: {
|
|
4559
4635
|
autofocus: boolean;
|
|
4560
4636
|
className: string;
|
|
@@ -4565,11 +4641,11 @@ export declare class Input extends PureComponent<InputPureProps, InputState> {
|
|
|
4565
4641
|
isSearch: boolean;
|
|
4566
4642
|
isSmall: boolean;
|
|
4567
4643
|
maxlength: number;
|
|
4568
|
-
onChange: (...
|
|
4569
|
-
onEscKeyPress: (...
|
|
4570
|
-
onEnterKeyPress: (...
|
|
4571
|
-
onBlur: (...
|
|
4572
|
-
onFocus: (...
|
|
4644
|
+
onChange: (..._args: unknown[]) => void;
|
|
4645
|
+
onEscKeyPress: (..._args: unknown[]) => void;
|
|
4646
|
+
onEnterKeyPress: (..._args: unknown[]) => void;
|
|
4647
|
+
onBlur: (..._args: unknown[]) => void;
|
|
4648
|
+
onFocus: (..._args: unknown[]) => void;
|
|
4573
4649
|
placeholder: string;
|
|
4574
4650
|
prefix: string;
|
|
4575
4651
|
readonly: boolean;
|
|
@@ -4579,8 +4655,8 @@ export declare class Input extends PureComponent<InputPureProps, InputState> {
|
|
|
4579
4655
|
value: string;
|
|
4580
4656
|
};
|
|
4581
4657
|
inputNodeRef: InputPure | null;
|
|
4582
|
-
constructor(props:
|
|
4583
|
-
UNSAFE_componentWillReceiveProps(nextProps:
|
|
4658
|
+
constructor(props: IInputPureProps);
|
|
4659
|
+
UNSAFE_componentWillReceiveProps(nextProps: IInputPureProps): void;
|
|
4584
4660
|
onChange: (value: string | number, e?: ChangeEvent<HTMLInputElement>) => void;
|
|
4585
4661
|
valueChanged(value: string | number, e?: ChangeEvent<HTMLInputElement>): void;
|
|
4586
4662
|
render(): JSX.Element;
|
|
@@ -4589,9 +4665,10 @@ export declare class Input extends PureComponent<InputPureProps, InputState> {
|
|
|
4589
4665
|
/**
|
|
4590
4666
|
* @internal
|
|
4591
4667
|
*/
|
|
4592
|
-
export declare class InputPure extends PureComponent<
|
|
4668
|
+
export declare class InputPure extends PureComponent<IInputPureProps> implements IDomNative {
|
|
4593
4669
|
inputNodeRef: HTMLInputElement | null;
|
|
4594
4670
|
private autofocusDispatcher;
|
|
4671
|
+
private readonly a11yIdBase;
|
|
4595
4672
|
static defaultProps: {
|
|
4596
4673
|
autofocus: boolean;
|
|
4597
4674
|
className: string;
|
|
@@ -4602,11 +4679,11 @@ export declare class InputPure extends PureComponent<InputPureProps> implements
|
|
|
4602
4679
|
isSearch: boolean;
|
|
4603
4680
|
isSmall: boolean;
|
|
4604
4681
|
maxlength: number;
|
|
4605
|
-
onChange: (...
|
|
4606
|
-
onEscKeyPress: (...
|
|
4607
|
-
onEnterKeyPress: (...
|
|
4608
|
-
onBlur: (...
|
|
4609
|
-
onFocus: (...
|
|
4682
|
+
onChange: (..._args: unknown[]) => void;
|
|
4683
|
+
onEscKeyPress: (..._args: unknown[]) => void;
|
|
4684
|
+
onEnterKeyPress: (..._args: unknown[]) => void;
|
|
4685
|
+
onBlur: (..._args: unknown[]) => void;
|
|
4686
|
+
onFocus: (..._args: unknown[]) => void;
|
|
4610
4687
|
placeholder: string;
|
|
4611
4688
|
prefix: string;
|
|
4612
4689
|
readonly: boolean;
|
|
@@ -4617,18 +4694,22 @@ export declare class InputPure extends PureComponent<InputPureProps> implements
|
|
|
4617
4694
|
};
|
|
4618
4695
|
componentDidMount(): void;
|
|
4619
4696
|
componentWillUnmount(): void;
|
|
4620
|
-
componentDidUpdate(prevProps: Readonly<
|
|
4697
|
+
componentDidUpdate(prevProps: Readonly<IInputPureProps>): void;
|
|
4621
4698
|
onChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
4622
4699
|
onKeyPress: (e: KeyboardEvent_2) => void;
|
|
4623
4700
|
onClear: (e?: ChangeEvent<HTMLInputElement>) => void;
|
|
4624
4701
|
getLabelClassNames(className: string): string;
|
|
4625
4702
|
getInputClassNames(): string;
|
|
4626
|
-
|
|
4627
|
-
|
|
4703
|
+
private getA11yIdBase;
|
|
4704
|
+
private getPrefixA11yId;
|
|
4705
|
+
private getSuffixA11yId;
|
|
4706
|
+
renderPrefix(prefix: string, ariaLabel?: string): ReactNode;
|
|
4707
|
+
renderSuffix(suffix: string, ariaLabel?: string): ReactNode;
|
|
4628
4708
|
renderLabel(label: ReactNode): ReactNode;
|
|
4629
4709
|
renderSearch(isSearch: boolean): ReactNode;
|
|
4630
4710
|
renderClearIcon(clearOnEsc: boolean): ReactNode;
|
|
4631
4711
|
renderIconButton(iconButton: IconType, iconButtonLabel: string, onIconButtonClick: (e: MouseEvent_2<HTMLButtonElement>) => void): ReactNode;
|
|
4712
|
+
getAriaDescribedBy(): string | undefined;
|
|
4632
4713
|
renderInput(): JSX.Element;
|
|
4633
4714
|
render(): JSX.Element;
|
|
4634
4715
|
focus(options?: {
|
|
@@ -4639,72 +4720,7 @@ export declare class InputPure extends PureComponent<InputPureProps> implements
|
|
|
4639
4720
|
/**
|
|
4640
4721
|
* @internal
|
|
4641
4722
|
*/
|
|
4642
|
-
export declare
|
|
4643
|
-
className?: string;
|
|
4644
|
-
clearOnEsc?: boolean;
|
|
4645
|
-
disabled?: boolean;
|
|
4646
|
-
hasError?: boolean;
|
|
4647
|
-
hasWarning?: boolean;
|
|
4648
|
-
isSearch?: boolean;
|
|
4649
|
-
isSmall?: boolean;
|
|
4650
|
-
maxlength?: number;
|
|
4651
|
-
onChange?: (value: string | number, e?: ChangeEvent<HTMLInputElement>) => void;
|
|
4652
|
-
onKeyDown?: (e: KeyboardEvent_2) => void;
|
|
4653
|
-
onEscKeyPress?: (e: KeyboardEvent_2) => void;
|
|
4654
|
-
onEnterKeyPress?: () => void;
|
|
4655
|
-
onBlur?: (e: FocusEvent_2<HTMLInputElement>) => void;
|
|
4656
|
-
onFocus?: (e: FocusEvent_2<HTMLInputElement>) => void;
|
|
4657
|
-
placeholder?: string;
|
|
4658
|
-
prefix?: string;
|
|
4659
|
-
readonly?: boolean;
|
|
4660
|
-
suffix?: string;
|
|
4661
|
-
label?: ReactNode;
|
|
4662
|
-
labelPositionTop?: boolean;
|
|
4663
|
-
value?: string | number;
|
|
4664
|
-
id?: string;
|
|
4665
|
-
name?: string;
|
|
4666
|
-
type?: string;
|
|
4667
|
-
required?: boolean;
|
|
4668
|
-
accessibilityType?: string;
|
|
4669
|
-
accessibilityConfig?: IAccessibilityConfigBase;
|
|
4670
|
-
autocomplete?: string;
|
|
4671
|
-
iconButton?: IconType;
|
|
4672
|
-
onIconButtonClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
4673
|
-
iconButtonLabel?: string;
|
|
4674
|
-
dataTestId?: string;
|
|
4675
|
-
}
|
|
4676
|
-
|
|
4677
|
-
/**
|
|
4678
|
-
* @internal
|
|
4679
|
-
*/
|
|
4680
|
-
export declare interface InputState {
|
|
4681
|
-
value: string | number;
|
|
4682
|
-
}
|
|
4683
|
-
|
|
4684
|
-
/**
|
|
4685
|
-
* @internal
|
|
4686
|
-
*/
|
|
4687
|
-
export declare const InputWithNumberFormat: NamedExoticComponent<InputWithNumberFormatProps>;
|
|
4688
|
-
|
|
4689
|
-
/**
|
|
4690
|
-
* @internal
|
|
4691
|
-
*/
|
|
4692
|
-
export declare interface InputWithNumberFormatOwnProps {
|
|
4693
|
-
separators?: Separators;
|
|
4694
|
-
}
|
|
4695
|
-
|
|
4696
|
-
/**
|
|
4697
|
-
* @internal
|
|
4698
|
-
*/
|
|
4699
|
-
export declare type InputWithNumberFormatProps = InputWithNumberFormatOwnProps & InputPureProps;
|
|
4700
|
-
|
|
4701
|
-
/**
|
|
4702
|
-
* @internal
|
|
4703
|
-
*/
|
|
4704
|
-
export declare interface InputWithNumberFormatState {
|
|
4705
|
-
value: number;
|
|
4706
|
-
isFocused: boolean;
|
|
4707
|
-
}
|
|
4723
|
+
export declare const InputWithNumberFormat: NamedExoticComponent<IInputWithNumberFormatProps>;
|
|
4708
4724
|
|
|
4709
4725
|
/**
|
|
4710
4726
|
* @internal
|
|
@@ -5866,63 +5882,302 @@ export declare interface ITypographyProps {
|
|
|
5866
5882
|
/**
|
|
5867
5883
|
* @internal
|
|
5868
5884
|
*/
|
|
5869
|
-
export declare interface
|
|
5870
|
-
|
|
5871
|
-
|
|
5872
|
-
|
|
5885
|
+
export declare interface IUiAsyncTableAccessibilityConfig<T> {
|
|
5886
|
+
getCheckboxItemAriaLabel?: (item: T) => string;
|
|
5887
|
+
checkboxAllAriaLabel?: string;
|
|
5888
|
+
searchAriaLabel?: string;
|
|
5889
|
+
gridAriaLabel?: string;
|
|
5873
5890
|
}
|
|
5874
5891
|
|
|
5875
5892
|
/**
|
|
5876
5893
|
* @internal
|
|
5877
5894
|
*/
|
|
5878
|
-
export declare interface
|
|
5879
|
-
|
|
5895
|
+
export declare interface IUiAsyncTableBulkAction {
|
|
5896
|
+
label: string;
|
|
5897
|
+
onClick: () => void;
|
|
5898
|
+
accessibilityConfig?: IAccessibilityConfigBase;
|
|
5880
5899
|
}
|
|
5881
5900
|
|
|
5882
5901
|
/**
|
|
5883
5902
|
* @internal
|
|
5884
5903
|
*/
|
|
5885
|
-
export declare interface
|
|
5886
|
-
|
|
5887
|
-
|
|
5904
|
+
export declare interface IUiAsyncTableColumn<T> {
|
|
5905
|
+
key?: keyof T;
|
|
5906
|
+
label?: string;
|
|
5907
|
+
width?: number;
|
|
5908
|
+
renderMenu?: UiAsyncTableMenuRenderer<T>;
|
|
5909
|
+
renderButton?: (item: T) => ReactNode;
|
|
5910
|
+
renderRoleIcon?: (item: T) => ReactNode;
|
|
5911
|
+
renderPrefixIcon?: (item: T) => ReactNode;
|
|
5912
|
+
renderSuffixIcon?: (item: T) => ReactNode;
|
|
5913
|
+
renderBadge?: (item: T) => ReactNode;
|
|
5914
|
+
getMultiLineTextContent?: (item: T) => Array<string>;
|
|
5915
|
+
getTextContent?: (item: T) => string | ReactNode;
|
|
5916
|
+
getTextTitle?: (item: T) => string;
|
|
5917
|
+
getTextHref?: (item: T) => string | undefined;
|
|
5918
|
+
bold?: boolean;
|
|
5919
|
+
sortable?: boolean;
|
|
5920
|
+
align?: "left" | "center" | "right";
|
|
5921
|
+
getAccessibilityConfig?: (item: T) => IUiAsyncTableColumnAccessibilityConfig;
|
|
5888
5922
|
}
|
|
5889
5923
|
|
|
5890
|
-
/**
|
|
5891
|
-
|
|
5892
|
-
|
|
5893
|
-
|
|
5894
|
-
|
|
5895
|
-
creatable?: boolean;
|
|
5924
|
+
/**
|
|
5925
|
+
* @internal
|
|
5926
|
+
*/
|
|
5927
|
+
export declare interface IUiAsyncTableColumnAccessibilityConfig {
|
|
5928
|
+
ariaLabel?: string;
|
|
5896
5929
|
}
|
|
5897
5930
|
|
|
5898
|
-
/**
|
|
5899
|
-
|
|
5900
|
-
|
|
5901
|
-
|
|
5902
|
-
|
|
5903
|
-
options: IUiComboboxOption[];
|
|
5904
|
-
/**
|
|
5905
|
-
* The selected value of the combobox. Use when controlled.
|
|
5906
|
-
*/
|
|
5907
|
-
value?: string;
|
|
5908
|
-
/**
|
|
5909
|
-
* The default value of the combobox. Use when uncontrolled.
|
|
5910
|
-
*/
|
|
5911
|
-
defaultValue?: string;
|
|
5912
|
-
/**
|
|
5913
|
-
* Event handler called when the selected value of the combobox changes.
|
|
5914
|
-
*/
|
|
5915
|
-
onValueChange?: (value: string) => void;
|
|
5916
|
-
/**
|
|
5917
|
-
* When enabled, the combobox will include a "creatable" option for the current input
|
|
5918
|
-
* if there are multiple matching options and none of them matches the input exactly.
|
|
5919
|
-
*/
|
|
5920
|
-
creatable?: boolean;
|
|
5931
|
+
/**
|
|
5932
|
+
* @internal
|
|
5933
|
+
*/
|
|
5934
|
+
export declare interface IUiAsyncTableColumnDefinitionResponsive<T> extends IUiAsyncTableColumn<T> {
|
|
5935
|
+
minWidth?: number;
|
|
5921
5936
|
}
|
|
5922
5937
|
|
|
5923
|
-
/**
|
|
5924
|
-
|
|
5925
|
-
|
|
5938
|
+
/**
|
|
5939
|
+
* @internal
|
|
5940
|
+
*/
|
|
5941
|
+
export declare interface IUiAsyncTableEmptyStateProps {
|
|
5942
|
+
title?: string;
|
|
5943
|
+
description?: string;
|
|
5944
|
+
icon?: IconType;
|
|
5945
|
+
}
|
|
5946
|
+
|
|
5947
|
+
/**
|
|
5948
|
+
* @internal
|
|
5949
|
+
*/
|
|
5950
|
+
export declare interface IUiAsyncTableFilter {
|
|
5951
|
+
label: string;
|
|
5952
|
+
options: Array<IUiAsyncTableFilterOption>;
|
|
5953
|
+
onItemsSelect: (options: Array<IUiAsyncTableFilterOption>) => void;
|
|
5954
|
+
selected?: Array<IUiAsyncTableFilterOption>;
|
|
5955
|
+
isMultiSelect?: boolean;
|
|
5956
|
+
}
|
|
5957
|
+
|
|
5958
|
+
/**
|
|
5959
|
+
* @internal
|
|
5960
|
+
*/
|
|
5961
|
+
export declare interface IUiAsyncTableFilterOption {
|
|
5962
|
+
value: string;
|
|
5963
|
+
label?: string;
|
|
5964
|
+
secondaryLabel?: string;
|
|
5965
|
+
}
|
|
5966
|
+
|
|
5967
|
+
/**
|
|
5968
|
+
* @internal
|
|
5969
|
+
*/
|
|
5970
|
+
export declare interface IUiAsyncTableProps<T extends {
|
|
5971
|
+
id: string;
|
|
5972
|
+
}> {
|
|
5973
|
+
items: T[];
|
|
5974
|
+
totalItemsCount?: number;
|
|
5975
|
+
columns: Array<IUiAsyncTableColumn<T>>;
|
|
5976
|
+
onItemClick?: (item: T) => void;
|
|
5977
|
+
scrollToIndex?: number;
|
|
5978
|
+
width?: number;
|
|
5979
|
+
maxHeight?: number;
|
|
5980
|
+
variant?: UiAsyncTableVariant;
|
|
5981
|
+
isMobileView?: boolean;
|
|
5982
|
+
skeletonItemsCount?: number;
|
|
5983
|
+
isLoading?: boolean;
|
|
5984
|
+
hasNextPage?: boolean;
|
|
5985
|
+
loadNextPage?: () => void;
|
|
5986
|
+
filters?: Array<IUiAsyncTableFilter>;
|
|
5987
|
+
isFiltersTooLarge?: boolean;
|
|
5988
|
+
sortBy?: keyof T;
|
|
5989
|
+
sortDirection?: SortDirection;
|
|
5990
|
+
onSort?: (key: keyof T) => void;
|
|
5991
|
+
onSearch?: (search: string) => void;
|
|
5992
|
+
renderToolbarCustomElement?: () => ReactNode;
|
|
5993
|
+
bulkActions?: Array<IUiAsyncTableBulkAction>;
|
|
5994
|
+
selectedItemIds?: Array<string>;
|
|
5995
|
+
setSelectedItemIds?: (items: Array<string>) => void;
|
|
5996
|
+
renderItem?: (item: T) => ReactNode;
|
|
5997
|
+
renderHeader?: () => ReactNode;
|
|
5998
|
+
renderEmptyState?: () => ReactNode;
|
|
5999
|
+
locale?: string;
|
|
6000
|
+
accessibilityConfig?: IUiAsyncTableAccessibilityConfig<T>;
|
|
6001
|
+
}
|
|
6002
|
+
|
|
6003
|
+
/**
|
|
6004
|
+
* @internal
|
|
6005
|
+
*/
|
|
6006
|
+
export declare interface IUiAsyncTableTitleAction {
|
|
6007
|
+
renderAction: () => ReactNode;
|
|
6008
|
+
}
|
|
6009
|
+
|
|
6010
|
+
/**
|
|
6011
|
+
* @internal
|
|
6012
|
+
*/
|
|
6013
|
+
export declare interface IUiAsyncTableTitleProps {
|
|
6014
|
+
title: string;
|
|
6015
|
+
renderIcon?: () => ReactNode;
|
|
6016
|
+
onSearch?: (search: string) => void;
|
|
6017
|
+
actions: Array<IUiAsyncTableTitleAction>;
|
|
6018
|
+
scrollToStart: () => void;
|
|
6019
|
+
}
|
|
6020
|
+
|
|
6021
|
+
/**
|
|
6022
|
+
* @internal
|
|
6023
|
+
*/
|
|
6024
|
+
export declare interface IUiAutofocusOptions {
|
|
6025
|
+
active?: boolean;
|
|
6026
|
+
refocusKey?: unknown;
|
|
6027
|
+
initialFocus?: string | RefObject<HTMLElement | null>;
|
|
6028
|
+
}
|
|
6029
|
+
|
|
6030
|
+
/**
|
|
6031
|
+
* @internal
|
|
6032
|
+
*/
|
|
6033
|
+
export declare interface IUiBadgeProps {
|
|
6034
|
+
label: string;
|
|
6035
|
+
}
|
|
6036
|
+
|
|
6037
|
+
/**
|
|
6038
|
+
* @internal
|
|
6039
|
+
*/
|
|
6040
|
+
export declare interface IUiButtonAccessibilityConfig extends IAccessibilityConfigBase {
|
|
6041
|
+
iconAriaHidden?: boolean;
|
|
6042
|
+
}
|
|
6043
|
+
|
|
6044
|
+
/**
|
|
6045
|
+
* @internal
|
|
6046
|
+
*/
|
|
6047
|
+
export declare interface IUiButtonProps {
|
|
6048
|
+
id?: string;
|
|
6049
|
+
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
6050
|
+
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTooltip | VariantLink;
|
|
6051
|
+
disableIconAnimation?: boolean;
|
|
6052
|
+
iconBefore?: IconType;
|
|
6053
|
+
iconBeforeSize?: number;
|
|
6054
|
+
badgeAfter?: number;
|
|
6055
|
+
iconAfter?: IconType;
|
|
6056
|
+
iconAfterSize?: number;
|
|
6057
|
+
label: string;
|
|
6058
|
+
isDisabled?: boolean;
|
|
6059
|
+
isLoading?: boolean;
|
|
6060
|
+
isSelected?: boolean;
|
|
6061
|
+
tooltip?: ReactNode;
|
|
6062
|
+
onClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
6063
|
+
onKeyDown?: (e: KeyboardEvent_2<HTMLButtonElement>) => void;
|
|
6064
|
+
dataId?: string;
|
|
6065
|
+
dataTestId?: string;
|
|
6066
|
+
accessibilityConfig?: IUiButtonAccessibilityConfig;
|
|
6067
|
+
maxWidth?: number;
|
|
6068
|
+
tabIndex?: number;
|
|
6069
|
+
}
|
|
6070
|
+
|
|
6071
|
+
/**
|
|
6072
|
+
* @internal
|
|
6073
|
+
*/
|
|
6074
|
+
export declare interface IUiCardProps {
|
|
6075
|
+
elevation?: "1" | "2";
|
|
6076
|
+
tabIndex?: number;
|
|
6077
|
+
children?: ReactNode;
|
|
6078
|
+
}
|
|
6079
|
+
|
|
6080
|
+
/**
|
|
6081
|
+
* @internal
|
|
6082
|
+
*/
|
|
6083
|
+
export declare interface IUiCheckboxProps {
|
|
6084
|
+
checked: boolean;
|
|
6085
|
+
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
6086
|
+
preventDefault?: boolean;
|
|
6087
|
+
indeterminate?: boolean;
|
|
6088
|
+
disabled?: boolean;
|
|
6089
|
+
accessibilityConfig?: IAccessibilityConfigBase;
|
|
6090
|
+
tabIndex?: number;
|
|
6091
|
+
label?: string;
|
|
6092
|
+
}
|
|
6093
|
+
|
|
6094
|
+
/**
|
|
6095
|
+
* @internal
|
|
6096
|
+
*/
|
|
6097
|
+
export declare interface IUiChipAccessibilityConfig extends IAccessibilityConfigBase, IDropdownButtonAccessibilityConfig {
|
|
6098
|
+
deleteAriaLabel?: string;
|
|
6099
|
+
deleteAriaDescribedBy?: string;
|
|
6100
|
+
}
|
|
6101
|
+
|
|
6102
|
+
/**
|
|
6103
|
+
* @internal
|
|
6104
|
+
*/
|
|
6105
|
+
export declare interface IUiChipProps {
|
|
6106
|
+
label: string;
|
|
6107
|
+
tag?: string;
|
|
6108
|
+
isDeletable?: boolean;
|
|
6109
|
+
isActive?: boolean;
|
|
6110
|
+
isLocked?: boolean;
|
|
6111
|
+
isExpandable?: boolean;
|
|
6112
|
+
isDisabled?: boolean;
|
|
6113
|
+
maxWidth?: number;
|
|
6114
|
+
iconBefore?: IconType;
|
|
6115
|
+
onClick?: () => void;
|
|
6116
|
+
onDelete?: () => void;
|
|
6117
|
+
onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
|
|
6118
|
+
onDeleteKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
|
|
6119
|
+
accessibilityConfig?: IUiChipAccessibilityConfig;
|
|
6120
|
+
dataTestId?: string;
|
|
6121
|
+
buttonRef?: MutableRefObject<HTMLButtonElement>;
|
|
6122
|
+
renderChipContent?: (content: ReactNode) => ReactNode;
|
|
6123
|
+
renderDeleteButton?: (button: ReactNode) => ReactNode;
|
|
6124
|
+
}
|
|
6125
|
+
|
|
6126
|
+
/** @internal */
|
|
6127
|
+
export declare interface IUiComboboxListItemProps extends HTMLAttributes<HTMLLIElement> {
|
|
6128
|
+
option: IUiComboboxOption;
|
|
6129
|
+
index: number;
|
|
6130
|
+
}
|
|
6131
|
+
|
|
6132
|
+
/** @internal */
|
|
6133
|
+
export declare interface IUiComboboxListProps extends Omit<HTMLAttributes<HTMLUListElement>, "children"> {
|
|
6134
|
+
/**
|
|
6135
|
+
* The children to render for each option. Renders a `UiComboboxListItem` when not provided.
|
|
6136
|
+
*/
|
|
6137
|
+
children?: (option: IUiComboboxOption, index: number) => ReactNode;
|
|
6138
|
+
}
|
|
6139
|
+
|
|
6140
|
+
/** @internal */
|
|
6141
|
+
export declare interface IUiComboboxOption {
|
|
6142
|
+
id: string;
|
|
6143
|
+
label: string;
|
|
6144
|
+
disabled?: boolean;
|
|
6145
|
+
creatable?: boolean;
|
|
6146
|
+
}
|
|
6147
|
+
|
|
6148
|
+
/** @internal */
|
|
6149
|
+
export declare interface IUiComboboxParams {
|
|
6150
|
+
/**
|
|
6151
|
+
* The options to display in the combobox.
|
|
6152
|
+
*/
|
|
6153
|
+
options: IUiComboboxOption[];
|
|
6154
|
+
/**
|
|
6155
|
+
* The selected value of the combobox. Use when controlled.
|
|
6156
|
+
*/
|
|
6157
|
+
value?: string;
|
|
6158
|
+
/**
|
|
6159
|
+
* The default value of the combobox. Use when uncontrolled.
|
|
6160
|
+
*/
|
|
6161
|
+
defaultValue?: string;
|
|
6162
|
+
/**
|
|
6163
|
+
* Event handler called when the selected value of the combobox changes.
|
|
6164
|
+
*/
|
|
6165
|
+
onValueChange?: (value: string) => void;
|
|
6166
|
+
/**
|
|
6167
|
+
* When enabled, the combobox will include a "creatable" option for the current input
|
|
6168
|
+
* if there are multiple matching options and none of them matches the input exactly.
|
|
6169
|
+
*/
|
|
6170
|
+
creatable?: boolean;
|
|
6171
|
+
}
|
|
6172
|
+
|
|
6173
|
+
/** @internal */
|
|
6174
|
+
export declare interface IUiComboboxProps extends IUiComboboxParams {
|
|
6175
|
+
children?: ReactNode;
|
|
6176
|
+
}
|
|
6177
|
+
|
|
6178
|
+
/** @internal */
|
|
6179
|
+
export declare interface IUiComboboxState {
|
|
6180
|
+
inputValue: string;
|
|
5926
6181
|
onInputChange: (value: string) => void;
|
|
5927
6182
|
onInputKeyDown: (event: KeyboardEvent_2<HTMLInputElement>) => void;
|
|
5928
6183
|
onInputBlur: () => void;
|
|
@@ -5944,6 +6199,38 @@ export declare interface IUiComboboxState {
|
|
|
5944
6199
|
creatable: boolean;
|
|
5945
6200
|
}
|
|
5946
6201
|
|
|
6202
|
+
/**
|
|
6203
|
+
* @internal
|
|
6204
|
+
*/
|
|
6205
|
+
export declare interface IUiDateProps {
|
|
6206
|
+
date: Date | string | number;
|
|
6207
|
+
locale?: string;
|
|
6208
|
+
relativeThresholdMs?: number;
|
|
6209
|
+
absoluteOptions?: Intl.DateTimeFormatOptions;
|
|
6210
|
+
allowRelative?: boolean;
|
|
6211
|
+
}
|
|
6212
|
+
|
|
6213
|
+
/**
|
|
6214
|
+
* @internal
|
|
6215
|
+
*/
|
|
6216
|
+
export declare interface IUiDrawerProps extends IUiAutofocusOptions {
|
|
6217
|
+
open?: boolean;
|
|
6218
|
+
mode?: "absolute" | "fixed";
|
|
6219
|
+
node?: HTMLElement;
|
|
6220
|
+
dataTestId?: string;
|
|
6221
|
+
zIndex?: number;
|
|
6222
|
+
children?: ReactNode;
|
|
6223
|
+
anchor?: "left" | "right";
|
|
6224
|
+
transition?: UiDrawerTransitionProps;
|
|
6225
|
+
onEscapeKey?: (e: KeyboardEvent_2) => void;
|
|
6226
|
+
onClickOutside?: (e: MouseEvent_2) => void;
|
|
6227
|
+
closeLabel?: string;
|
|
6228
|
+
showCloseButton?: boolean;
|
|
6229
|
+
onClickClose?: () => void;
|
|
6230
|
+
returnFocusTo?: string | RefObject<HTMLElement | null> | (() => HTMLElement | null);
|
|
6231
|
+
accessibilityConfig?: IAccessibilityConfigBase;
|
|
6232
|
+
}
|
|
6233
|
+
|
|
5947
6234
|
/**
|
|
5948
6235
|
* Props passed to the body render function.
|
|
5949
6236
|
*
|
|
@@ -6003,6 +6290,13 @@ export declare interface IUiDropdownButtonRenderProps {
|
|
|
6003
6290
|
};
|
|
6004
6291
|
}
|
|
6005
6292
|
|
|
6293
|
+
/**
|
|
6294
|
+
* @internal
|
|
6295
|
+
*/
|
|
6296
|
+
export declare interface IUiDropdownIconButtonProps extends IUiIconButtonPublicProps {
|
|
6297
|
+
isDropdownOpen: boolean;
|
|
6298
|
+
}
|
|
6299
|
+
|
|
6006
6300
|
/**
|
|
6007
6301
|
* Props for the UiDropdown component.
|
|
6008
6302
|
*
|
|
@@ -6162,6 +6456,51 @@ export declare type IUiFocusManagerProps = {
|
|
|
6162
6456
|
children: ReactNode;
|
|
6163
6457
|
};
|
|
6164
6458
|
|
|
6459
|
+
/**
|
|
6460
|
+
* @internal
|
|
6461
|
+
*/
|
|
6462
|
+
export declare interface IUiIconButtonPublicProps {
|
|
6463
|
+
icon: IconType;
|
|
6464
|
+
iconColor?: ThemeColor;
|
|
6465
|
+
label?: string;
|
|
6466
|
+
size?: SizeXSmall | SizeSmall | SizeMedium | SizeLarge | SizeXLarge | SizeXXLarge;
|
|
6467
|
+
disableAnimation?: boolean;
|
|
6468
|
+
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTable | VariantBare;
|
|
6469
|
+
isDisabled?: boolean;
|
|
6470
|
+
isActive?: boolean;
|
|
6471
|
+
onClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
6472
|
+
onKeyDown?: (e: KeyboardEvent_2<HTMLButtonElement>) => void;
|
|
6473
|
+
dataId?: string;
|
|
6474
|
+
dataTestId?: string;
|
|
6475
|
+
ariaAttributes?: IDropdownButtonRenderProps["ariaAttributes"];
|
|
6476
|
+
accessibilityConfig?: IDropdownButtonRenderProps["accessibilityConfig"];
|
|
6477
|
+
tabIndex?: number;
|
|
6478
|
+
id?: string;
|
|
6479
|
+
}
|
|
6480
|
+
|
|
6481
|
+
/**
|
|
6482
|
+
* @internal
|
|
6483
|
+
*/
|
|
6484
|
+
export declare interface IUiIconProps {
|
|
6485
|
+
type: IconType;
|
|
6486
|
+
color?: ThemeColor | "currentColor";
|
|
6487
|
+
size?: number;
|
|
6488
|
+
disableAnimation?: boolean;
|
|
6489
|
+
backgroundSize?: number;
|
|
6490
|
+
backgroundColor?: ThemeColor;
|
|
6491
|
+
backgroundType?: BackgroundType;
|
|
6492
|
+
backgroundShape?: BackgroundShape;
|
|
6493
|
+
/**
|
|
6494
|
+
* SVGs are inline by default. The icon can be set to block to behave better in flex layouts and similar.
|
|
6495
|
+
* @defaultValue "inline"
|
|
6496
|
+
*/
|
|
6497
|
+
layout?: "block" | "inline";
|
|
6498
|
+
accessibilityConfig?: {
|
|
6499
|
+
ariaLabel?: AriaAttributes["aria-label"];
|
|
6500
|
+
ariaHidden?: boolean;
|
|
6501
|
+
};
|
|
6502
|
+
}
|
|
6503
|
+
|
|
6165
6504
|
/**
|
|
6166
6505
|
* @internal
|
|
6167
6506
|
*/
|
|
@@ -6211,11 +6550,50 @@ export declare interface IUiListboxInteractiveItem<T> {
|
|
|
6211
6550
|
tooltip?: string;
|
|
6212
6551
|
}
|
|
6213
6552
|
|
|
6553
|
+
/**
|
|
6554
|
+
* @internal
|
|
6555
|
+
*/
|
|
6556
|
+
export declare interface IUiListboxInteractiveItemProps<T> {
|
|
6557
|
+
item: IUiListboxInteractiveItem<T>;
|
|
6558
|
+
isFocused: boolean;
|
|
6559
|
+
isSelected: boolean;
|
|
6560
|
+
isCompact: boolean;
|
|
6561
|
+
onSelect: (e: MouseEvent_2) => void;
|
|
6562
|
+
}
|
|
6563
|
+
|
|
6214
6564
|
/**
|
|
6215
6565
|
* @internal
|
|
6216
6566
|
*/
|
|
6217
6567
|
export declare type IUiListboxItem<InteractiveItemData, StaticItemData = ReactNode> = IUiListboxStaticItem<StaticItemData> | IUiListboxInteractiveItem<InteractiveItemData>;
|
|
6218
6568
|
|
|
6569
|
+
/**
|
|
6570
|
+
* @internal
|
|
6571
|
+
*/
|
|
6572
|
+
export declare interface IUiListboxProps<InteractiveItemData, StaticItemData = ReactNode> {
|
|
6573
|
+
items: IUiListboxItem<InteractiveItemData, StaticItemData>[];
|
|
6574
|
+
dataTestId?: string;
|
|
6575
|
+
itemDataTestId?: string | ((item: IUiListboxItem<InteractiveItemData, StaticItemData>) => string | undefined);
|
|
6576
|
+
width?: number;
|
|
6577
|
+
maxWidth?: number;
|
|
6578
|
+
maxHeight?: number;
|
|
6579
|
+
onSelect?: (item: IUiListboxInteractiveItem<InteractiveItemData>, mods: {
|
|
6580
|
+
type?: "mouse" | "keyboard";
|
|
6581
|
+
newTab?: boolean;
|
|
6582
|
+
}) => void;
|
|
6583
|
+
onClose?: () => void;
|
|
6584
|
+
onUnhandledKeyDown?: (event: KeyboardEvent_2, context: IUiListboxContext<InteractiveItemData, StaticItemData>) => void;
|
|
6585
|
+
selectedItemId?: string;
|
|
6586
|
+
InteractiveItemComponent?: ComponentType<IUiListboxInteractiveItemProps<InteractiveItemData>>;
|
|
6587
|
+
StaticItemComponent?: ComponentType<IUiListboxStaticItemProps<StaticItemData>>;
|
|
6588
|
+
shouldKeyboardActionPreventDefault?: boolean;
|
|
6589
|
+
shouldKeyboardActionStopPropagation?: boolean;
|
|
6590
|
+
shouldCloseOnSelect?: boolean;
|
|
6591
|
+
isDisabledFocusable?: boolean;
|
|
6592
|
+
isCompact?: boolean;
|
|
6593
|
+
ariaAttributes: UiListboxAriaAttributes;
|
|
6594
|
+
reference?: RefObject<HTMLUListElement | null>;
|
|
6595
|
+
}
|
|
6596
|
+
|
|
6219
6597
|
/**
|
|
6220
6598
|
* @internal
|
|
6221
6599
|
*/
|
|
@@ -6225,6 +6603,13 @@ export declare interface IUiListboxStaticItem<T> {
|
|
|
6225
6603
|
data: T;
|
|
6226
6604
|
}
|
|
6227
6605
|
|
|
6606
|
+
/**
|
|
6607
|
+
* @internal
|
|
6608
|
+
*/
|
|
6609
|
+
export declare interface IUiListboxStaticItemProps<T> {
|
|
6610
|
+
item: IUiListboxStaticItem<T>;
|
|
6611
|
+
}
|
|
6612
|
+
|
|
6228
6613
|
/**
|
|
6229
6614
|
* @internal
|
|
6230
6615
|
*/
|
|
@@ -6387,6 +6772,30 @@ export declare interface IUiMenuPluggableComponents<T extends IUiMenuItemData =
|
|
|
6387
6772
|
MenuHeader: ComponentType;
|
|
6388
6773
|
}
|
|
6389
6774
|
|
|
6775
|
+
/**
|
|
6776
|
+
* @internal
|
|
6777
|
+
*/
|
|
6778
|
+
export declare interface IUiMenuProps<T extends IUiMenuItemData = object, M = object> extends Partial<IUiMenuPluggableComponents<T>> {
|
|
6779
|
+
items: IUiMenuItem<T>[];
|
|
6780
|
+
size?: SizeSmall | SizeMedium;
|
|
6781
|
+
dataTestId?: ((context: IUiMenuContext<T>) => string | undefined) | string;
|
|
6782
|
+
itemDataTestId?: ((item: IUiMenuItem<T>) => string | undefined) | string;
|
|
6783
|
+
maxWidth?: number;
|
|
6784
|
+
maxHeight?: ((context: IUiMenuContext<T>) => number | undefined) | number;
|
|
6785
|
+
containerBottomPadding?: "none" | "small" | "medium";
|
|
6786
|
+
containerTopPadding?: "none" | "small" | "medium";
|
|
6787
|
+
onSelect?: (item: IUiMenuInteractiveItem<T>, event: MouseEvent_2 | KeyboardEvent_2) => void;
|
|
6788
|
+
onLevelChange?: (level: number, item?: IUiMenuContentItem<T> | IUiMenuInteractiveItem<T>) => void;
|
|
6789
|
+
onClose?: () => void;
|
|
6790
|
+
onUnhandledKeyDown?: (event: KeyboardEvent_2, context: IUiMenuContext<T>) => void;
|
|
6791
|
+
shouldKeyboardActionPreventDefault?: boolean;
|
|
6792
|
+
shouldKeyboardActionStopPropagation?: boolean;
|
|
6793
|
+
shouldCloseOnSelect?: boolean;
|
|
6794
|
+
isDisabledFocusable?: boolean;
|
|
6795
|
+
ariaAttributes: Omit<IDropdownBodyRenderProps["ariaAttributes"], "role">;
|
|
6796
|
+
menuCtxData?: M;
|
|
6797
|
+
}
|
|
6798
|
+
|
|
6390
6799
|
/**
|
|
6391
6800
|
* @internal
|
|
6392
6801
|
*/
|
|
@@ -6430,6 +6839,153 @@ export declare interface IUiPagedVirtualListImperativeHandle<T> {
|
|
|
6430
6839
|
scrollToItem: (item: T) => void;
|
|
6431
6840
|
}
|
|
6432
6841
|
|
|
6842
|
+
/**
|
|
6843
|
+
* @internal
|
|
6844
|
+
*/
|
|
6845
|
+
export declare interface IUiPagedVirtualListProps<T> {
|
|
6846
|
+
maxHeight: number;
|
|
6847
|
+
items?: T[];
|
|
6848
|
+
itemHeight: number;
|
|
6849
|
+
itemsGap: number;
|
|
6850
|
+
containerPadding?: number;
|
|
6851
|
+
itemPadding: number;
|
|
6852
|
+
skeletonItemsCount: number;
|
|
6853
|
+
hasNextPage?: boolean;
|
|
6854
|
+
loadNextPage?: () => void;
|
|
6855
|
+
customKeyboardNavigationHandler?: (event: KeyboardEvent_2<Element>) => void;
|
|
6856
|
+
onKeyDownSelect?: (item: T) => void;
|
|
6857
|
+
onKeyDownConfirm?: (item: T) => void;
|
|
6858
|
+
closeDropdown?: () => void;
|
|
6859
|
+
isLoading?: boolean;
|
|
6860
|
+
/**
|
|
6861
|
+
* An item in the list that should be scrolled into view when the component renders.
|
|
6862
|
+
* By default, items are compared by object identity (i.e., `===`).
|
|
6863
|
+
* To customize how the target item is found (e.g., by ID), provide a `scrollToItemKeyExtractor` as well.
|
|
6864
|
+
*/
|
|
6865
|
+
scrollToItem?: T;
|
|
6866
|
+
/**
|
|
6867
|
+
* A function that extracts a unique key from each item for comparison with `scrollToItem`.
|
|
6868
|
+
* This is useful when the provided `scrollToItem` may not be the same object reference as items in the list.
|
|
6869
|
+
* If not provided, object identity (`===`) is used for comparison.
|
|
6870
|
+
*/
|
|
6871
|
+
scrollToItemKeyExtractor?: (item: T) => string | number;
|
|
6872
|
+
scrollToIndex?: number;
|
|
6873
|
+
shouldLoadNextPage?: (lastItemIndex: number, itemsCount: number, skeletonItemsCount: number) => boolean;
|
|
6874
|
+
children: (item: T, focusedIndex?: number) => ReactNode;
|
|
6875
|
+
scrollbarHoverEffect?: boolean;
|
|
6876
|
+
SkeletonItem?: ComponentType<IUiPagedVirtualListSkeletonItemProps>;
|
|
6877
|
+
representAs?: "grid" | "listbox";
|
|
6878
|
+
listboxProps?: Record<string, any>;
|
|
6879
|
+
tabIndex?: number;
|
|
6880
|
+
focusedItem?: T;
|
|
6881
|
+
focusedAction?: string;
|
|
6882
|
+
getIsItemSelected?: (item: T) => boolean;
|
|
6883
|
+
}
|
|
6884
|
+
|
|
6885
|
+
/**
|
|
6886
|
+
* @internal
|
|
6887
|
+
*/
|
|
6888
|
+
export declare interface IUiPagedVirtualListSkeletonItemProps {
|
|
6889
|
+
itemHeight: number;
|
|
6890
|
+
}
|
|
6891
|
+
|
|
6892
|
+
/**
|
|
6893
|
+
* Props for the UiPaginationButton component.
|
|
6894
|
+
*
|
|
6895
|
+
* @internal
|
|
6896
|
+
*/
|
|
6897
|
+
export declare interface IUiPaginationButtonProps {
|
|
6898
|
+
/**
|
|
6899
|
+
* Direction of the arrow icon.
|
|
6900
|
+
* - "previous" shows left arrow (paginationLeft)
|
|
6901
|
+
* - "next" shows right arrow (paginationRight)
|
|
6902
|
+
*/
|
|
6903
|
+
direction: UiPaginationButtonDirection;
|
|
6904
|
+
/**
|
|
6905
|
+
* Accessible label for the button.
|
|
6906
|
+
*/
|
|
6907
|
+
label: string;
|
|
6908
|
+
/**
|
|
6909
|
+
* Size of the button.
|
|
6910
|
+
* - "small" (22x22) - for desktop views
|
|
6911
|
+
* - "large" (32x32) - for mobile views
|
|
6912
|
+
* @defaultValue "small"
|
|
6913
|
+
*/
|
|
6914
|
+
size?: UiPaginationButtonSize;
|
|
6915
|
+
/**
|
|
6916
|
+
* Whether the button is disabled.
|
|
6917
|
+
*/
|
|
6918
|
+
isDisabled?: boolean;
|
|
6919
|
+
/**
|
|
6920
|
+
* Whether the button is in active/selected state.
|
|
6921
|
+
*/
|
|
6922
|
+
isActive?: boolean;
|
|
6923
|
+
/**
|
|
6924
|
+
* Click handler.
|
|
6925
|
+
*/
|
|
6926
|
+
onClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
6927
|
+
/**
|
|
6928
|
+
* Keyboard event handler.
|
|
6929
|
+
*/
|
|
6930
|
+
onKeyDown?: (e: KeyboardEvent_2<HTMLButtonElement>) => void;
|
|
6931
|
+
/**
|
|
6932
|
+
* Data attribute for tracking/analytics.
|
|
6933
|
+
*/
|
|
6934
|
+
dataId?: string;
|
|
6935
|
+
/**
|
|
6936
|
+
* Data attribute for testing.
|
|
6937
|
+
*/
|
|
6938
|
+
dataTestId?: string;
|
|
6939
|
+
/**
|
|
6940
|
+
* Tab index for keyboard navigation.
|
|
6941
|
+
*/
|
|
6942
|
+
tabIndex?: number;
|
|
6943
|
+
/**
|
|
6944
|
+
* HTML id attribute.
|
|
6945
|
+
*/
|
|
6946
|
+
id?: string;
|
|
6947
|
+
/**
|
|
6948
|
+
* Accessibility configuration for ARIA attributes.
|
|
6949
|
+
*/
|
|
6950
|
+
accessibilityConfig?: IAccessibilityConfigBase;
|
|
6951
|
+
}
|
|
6952
|
+
|
|
6953
|
+
/**
|
|
6954
|
+
* @internal
|
|
6955
|
+
*/
|
|
6956
|
+
export declare interface IUiPopoverProps {
|
|
6957
|
+
anchor: ReactElement<any>;
|
|
6958
|
+
width?: "default" | number;
|
|
6959
|
+
disabled?: boolean;
|
|
6960
|
+
tabIndex?: number;
|
|
6961
|
+
accessibilityConfig?: IAccessibilityConfigBase;
|
|
6962
|
+
title?: string | ReactNode;
|
|
6963
|
+
content?: ReactNode | ((args: {
|
|
6964
|
+
onClose: () => void;
|
|
6965
|
+
}) => ReactNode);
|
|
6966
|
+
footer?: ReactNode | ((args: {
|
|
6967
|
+
onClose: () => void;
|
|
6968
|
+
}) => ReactNode);
|
|
6969
|
+
triggerBy?: IUiTooltipProps["triggerBy"];
|
|
6970
|
+
closeText?: string;
|
|
6971
|
+
closeVisible?: boolean;
|
|
6972
|
+
initialFocus?: RefObject<HTMLElement> | string;
|
|
6973
|
+
returnFocusTo?: RefObject<HTMLElement> | string;
|
|
6974
|
+
returnFocusAfterClose?: boolean;
|
|
6975
|
+
/**
|
|
6976
|
+
* customize if you know that dialog content has some custom focusIn logic which modifies focused element, eg. table which shifts its focus from table wrapper to first table cell
|
|
6977
|
+
* default is check if active element is exactly focused element.
|
|
6978
|
+
*/
|
|
6979
|
+
focusCheckFn?: (element: HTMLElement) => boolean;
|
|
6980
|
+
/**
|
|
6981
|
+
* Enable focus trap to prevent tabbing out of the popover
|
|
6982
|
+
* When true, uses UiFocusManager's focus trap instead of tabOutHandler
|
|
6983
|
+
*/
|
|
6984
|
+
enableFocusTrap?: boolean;
|
|
6985
|
+
onOpen?: () => void;
|
|
6986
|
+
onClose?: () => void;
|
|
6987
|
+
}
|
|
6988
|
+
|
|
6433
6989
|
/**
|
|
6434
6990
|
* @internal
|
|
6435
6991
|
*/
|
|
@@ -6444,6 +7000,40 @@ export declare interface IUiSettings {
|
|
|
6444
7000
|
displayAccountPage: boolean;
|
|
6445
7001
|
}
|
|
6446
7002
|
|
|
7003
|
+
/**
|
|
7004
|
+
* @internal
|
|
7005
|
+
*/
|
|
7006
|
+
export declare interface IUiSkeletonProps {
|
|
7007
|
+
/**
|
|
7008
|
+
* Number of items to render.
|
|
7009
|
+
*/
|
|
7010
|
+
itemsCount?: number;
|
|
7011
|
+
/**
|
|
7012
|
+
* Height of the item, or items.
|
|
7013
|
+
*/
|
|
7014
|
+
itemHeight?: (number | string) | (number | string)[];
|
|
7015
|
+
/**
|
|
7016
|
+
* Width of the item, or items.
|
|
7017
|
+
*/
|
|
7018
|
+
itemWidth?: (number | string) | (number | string)[];
|
|
7019
|
+
/**
|
|
7020
|
+
* Padding of the item, or items.
|
|
7021
|
+
*/
|
|
7022
|
+
itemPadding?: number | number[];
|
|
7023
|
+
/**
|
|
7024
|
+
* Gap between the items.
|
|
7025
|
+
*/
|
|
7026
|
+
itemsGap?: number;
|
|
7027
|
+
/**
|
|
7028
|
+
* Whether to render the skeleton in a row or column.
|
|
7029
|
+
*/
|
|
7030
|
+
direction?: "row" | "column";
|
|
7031
|
+
/**
|
|
7032
|
+
* Border radius of the item.
|
|
7033
|
+
*/
|
|
7034
|
+
itemBorderRadius?: number;
|
|
7035
|
+
}
|
|
7036
|
+
|
|
6447
7037
|
/**
|
|
6448
7038
|
* @internal
|
|
6449
7039
|
*/
|
|
@@ -6453,6 +7043,22 @@ export declare interface IUiStaticTreeViewProps<Level> extends IUiTreeViewProps<
|
|
|
6453
7043
|
ItemComponent?: ComponentType<IUiTreeviewItemProps<Level>>;
|
|
6454
7044
|
}
|
|
6455
7045
|
|
|
7046
|
+
/**
|
|
7047
|
+
* @internal
|
|
7048
|
+
*/
|
|
7049
|
+
export declare interface IUiSubmenuHeaderProps {
|
|
7050
|
+
title?: string;
|
|
7051
|
+
onBack?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
7052
|
+
onClose?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
7053
|
+
backAriaLabel?: string;
|
|
7054
|
+
closeAriaLabel?: string;
|
|
7055
|
+
useShortenedTitle?: boolean;
|
|
7056
|
+
textColor?: string;
|
|
7057
|
+
backgroundColor?: string;
|
|
7058
|
+
height?: SizeMedium | SizeLarge;
|
|
7059
|
+
titleId?: string;
|
|
7060
|
+
}
|
|
7061
|
+
|
|
6456
7062
|
/**
|
|
6457
7063
|
* @internal
|
|
6458
7064
|
*/
|
|
@@ -6595,6 +7201,100 @@ export declare interface IUiTagAccessibilityConfig extends IAccessibilityConfigB
|
|
|
6595
7201
|
deleteAriaLabel?: string;
|
|
6596
7202
|
}
|
|
6597
7203
|
|
|
7204
|
+
/**
|
|
7205
|
+
* @internal
|
|
7206
|
+
*/
|
|
7207
|
+
export declare interface IUiTagDef {
|
|
7208
|
+
id: string;
|
|
7209
|
+
label: string;
|
|
7210
|
+
isDeletable?: boolean;
|
|
7211
|
+
}
|
|
7212
|
+
|
|
7213
|
+
/**
|
|
7214
|
+
* @internal
|
|
7215
|
+
*/
|
|
7216
|
+
export declare interface IUiTagsProps {
|
|
7217
|
+
tags: Array<IUiTagDef>;
|
|
7218
|
+
tagOptions?: Array<IUiTagDef>;
|
|
7219
|
+
addLabel?: string;
|
|
7220
|
+
nameLabel?: string;
|
|
7221
|
+
cancelLabel?: string;
|
|
7222
|
+
closeLabel?: string;
|
|
7223
|
+
saveLabel?: string;
|
|
7224
|
+
moreLabel?: string;
|
|
7225
|
+
noTagsLabel?: string;
|
|
7226
|
+
removeLabel?: string;
|
|
7227
|
+
creatableLabel?: string;
|
|
7228
|
+
readOnly?: boolean;
|
|
7229
|
+
canCreateTag?: boolean;
|
|
7230
|
+
canDeleteTags?: boolean;
|
|
7231
|
+
mode?: "single-line" | "multi-line";
|
|
7232
|
+
onTagClick?: (tag: IUiTagDef) => void;
|
|
7233
|
+
onTagAdd?: (tag: IUiTagDef) => void;
|
|
7234
|
+
onTagRemove?: (tag: IUiTagDef) => void;
|
|
7235
|
+
accessibilityConfig?: IAccessibilityConfigBase;
|
|
7236
|
+
}
|
|
7237
|
+
|
|
7238
|
+
/**
|
|
7239
|
+
* @internal
|
|
7240
|
+
*/
|
|
7241
|
+
export declare interface IUiTooltipProps {
|
|
7242
|
+
/** Tooltip content id */
|
|
7243
|
+
id?: string;
|
|
7244
|
+
/** Position of the tooltip arrow relative to the tooltip, controls also the position of the tooltip */
|
|
7245
|
+
arrowPlacement?: TooltipArrowPlacement;
|
|
7246
|
+
/** Anchor element to be used as reference for the tooltip */
|
|
7247
|
+
anchor: ReactNode;
|
|
7248
|
+
/** Content to be rendered inside the tooltip */
|
|
7249
|
+
content: ReactNode | ((args: {
|
|
7250
|
+
onClose: () => void;
|
|
7251
|
+
type: "screen-reader" | "live";
|
|
7252
|
+
}) => ReactNode);
|
|
7253
|
+
/** Whether tooltip should show on hover, focus or click */
|
|
7254
|
+
triggerBy?: Array<"hover" | "focus" | "click">;
|
|
7255
|
+
/** Delay in milliseconds before showing tooltip on hover */
|
|
7256
|
+
hoverOpenDelay?: number;
|
|
7257
|
+
/** Delay in milliseconds before hiding tooltip after hover out */
|
|
7258
|
+
hoverCloseDelay?: number;
|
|
7259
|
+
/** Whether to show the arrow pointer */
|
|
7260
|
+
showArrow?: boolean;
|
|
7261
|
+
/** Width of the tooltip in pixels, 'same-as-anchor' to match anchor width, if not specified tooltip will be as wide as content */
|
|
7262
|
+
width?: number | "same-as-anchor";
|
|
7263
|
+
/** Distance in pixels between tooltip and anchor element, default is arrow height */
|
|
7264
|
+
offset?: number;
|
|
7265
|
+
/** Whether tooltip should automatically adjust position if it would render outside viewport */
|
|
7266
|
+
optimalPlacement?: boolean;
|
|
7267
|
+
/** ARIA attributes configuration for accessibility */
|
|
7268
|
+
accessibilityConfig?: IAccessibilityConfigBase;
|
|
7269
|
+
/**
|
|
7270
|
+
* Tooltip styling variant
|
|
7271
|
+
* @defaultValue "default"
|
|
7272
|
+
*/
|
|
7273
|
+
variant?: "default" | "error" | "none";
|
|
7274
|
+
/**
|
|
7275
|
+
* Tooltip behaviour of position
|
|
7276
|
+
*/
|
|
7277
|
+
behaviour?: "tooltip" | "popover";
|
|
7278
|
+
/** If the tooltip is disabled, only the anchor element will be shown */
|
|
7279
|
+
disabled?: boolean;
|
|
7280
|
+
/**
|
|
7281
|
+
* Occurs when the tooltip is opened
|
|
7282
|
+
*/
|
|
7283
|
+
onOpen?: () => void;
|
|
7284
|
+
/**
|
|
7285
|
+
* Occurs when the tooltip is closed
|
|
7286
|
+
*/
|
|
7287
|
+
onClose?: () => void;
|
|
7288
|
+
/**
|
|
7289
|
+
* Controls the open state of the tooltip, overrides the triggerBy prop if set
|
|
7290
|
+
*/
|
|
7291
|
+
isOpen?: boolean;
|
|
7292
|
+
/**
|
|
7293
|
+
* Custom styles for the anchor wrapper element
|
|
7294
|
+
*/
|
|
7295
|
+
anchorWrapperStyles?: CSSProperties;
|
|
7296
|
+
}
|
|
7297
|
+
|
|
6598
7298
|
/**
|
|
6599
7299
|
* @internal
|
|
6600
7300
|
*/
|
|
@@ -6746,6 +7446,18 @@ export declare interface IUserIconProps extends IIconProps {
|
|
|
6746
7446
|
backgroundColor?: string;
|
|
6747
7447
|
}
|
|
6748
7448
|
|
|
7449
|
+
/**
|
|
7450
|
+
* @internal
|
|
7451
|
+
*/
|
|
7452
|
+
export declare interface IUseToastMessageType {
|
|
7453
|
+
addSuccess: AddMessageType;
|
|
7454
|
+
addProgress: AddMessageType;
|
|
7455
|
+
addWarning: AddMessageType;
|
|
7456
|
+
addError: AddMessageType;
|
|
7457
|
+
removeMessage: (id: string) => void;
|
|
7458
|
+
removeAllMessages: () => void;
|
|
7459
|
+
}
|
|
7460
|
+
|
|
6749
7461
|
/**
|
|
6750
7462
|
* @internal
|
|
6751
7463
|
*/
|
|
@@ -6889,7 +7601,7 @@ export declare function LocaleSetting({ isChecked, selectedLocal, onChecked, onL
|
|
|
6889
7601
|
/**
|
|
6890
7602
|
* @internal
|
|
6891
7603
|
*/
|
|
6892
|
-
export declare const makeHorizontalKeyboardNavigation: <T extends KeyboardEvent_2
|
|
7604
|
+
export declare const makeHorizontalKeyboardNavigation: <T extends KeyboardEvent_2 = KeyboardEvent_2<Element>>(handlers: {
|
|
6893
7605
|
onUnhandledKeyDown?: ((event: T) => void) | undefined;
|
|
6894
7606
|
onFocusPrevious?: ((event: T) => void) | undefined;
|
|
6895
7607
|
onFocusNext?: ((event: T) => void) | undefined;
|
|
@@ -6905,12 +7617,12 @@ export declare const makeKeyboardNavigation: <ActionKeysMap extends {
|
|
|
6905
7617
|
code: string | string[];
|
|
6906
7618
|
modifiers?: IModifier[];
|
|
6907
7619
|
}>;
|
|
6908
|
-
}>(actionKeysMap: ActionKeysMap) => <T extends KeyboardEvent_2
|
|
7620
|
+
}>(actionKeysMap: ActionKeysMap) => <T extends KeyboardEvent_2 = KeyboardEvent_2>(handlers: { [action in keyof ActionKeysMap | "onUnhandledKeyDown"]?: (event: T) => void; }, options?: IHandleActionOptions) => (event: T) => void;
|
|
6909
7621
|
|
|
6910
7622
|
/**
|
|
6911
7623
|
* @internal
|
|
6912
7624
|
*/
|
|
6913
|
-
export declare const makeLinearKeyboardNavigation: <T extends KeyboardEvent_2
|
|
7625
|
+
export declare const makeLinearKeyboardNavigation: <T extends KeyboardEvent_2 = KeyboardEvent_2<Element>>(handlers: {
|
|
6914
7626
|
onClose?: ((event: T) => void) | undefined;
|
|
6915
7627
|
onSelect?: ((event: T) => void) | undefined;
|
|
6916
7628
|
onUnhandledKeyDown?: ((event: T) => void) | undefined;
|
|
@@ -6923,7 +7635,7 @@ export declare const makeLinearKeyboardNavigation: <T extends KeyboardEvent_2 |
|
|
|
6923
7635
|
/**
|
|
6924
7636
|
* @internal
|
|
6925
7637
|
*/
|
|
6926
|
-
export declare const makeMenuKeyboardNavigation: <T extends KeyboardEvent_2
|
|
7638
|
+
export declare const makeMenuKeyboardNavigation: <T extends KeyboardEvent_2 = KeyboardEvent_2<Element>>(handlers: {
|
|
6927
7639
|
onClose?: ((event: T) => void) | undefined;
|
|
6928
7640
|
onSelect?: ((event: T) => void) | undefined;
|
|
6929
7641
|
onUnhandledKeyDown?: ((event: T) => void) | undefined;
|
|
@@ -6938,7 +7650,7 @@ export declare const makeMenuKeyboardNavigation: <T extends KeyboardEvent_2 | Ke
|
|
|
6938
7650
|
/**
|
|
6939
7651
|
* @internal
|
|
6940
7652
|
*/
|
|
6941
|
-
export declare const makeTabsKeyboardNavigation: <T extends KeyboardEvent_2
|
|
7653
|
+
export declare const makeTabsKeyboardNavigation: <T extends KeyboardEvent_2 = KeyboardEvent_2<Element>>(handlers: {
|
|
6942
7654
|
onSelect?: ((event: T) => void) | undefined;
|
|
6943
7655
|
onUnhandledKeyDown?: ((event: T) => void) | undefined;
|
|
6944
7656
|
onFocusPrevious?: ((event: T) => void) | undefined;
|
|
@@ -7733,26 +8445,7 @@ export declare type TypographyTagName = "h1" | "h2" | "h3" | "p";
|
|
|
7733
8445
|
*/
|
|
7734
8446
|
export declare function UiAsyncTable<T extends {
|
|
7735
8447
|
id: string;
|
|
7736
|
-
}>(props:
|
|
7737
|
-
|
|
7738
|
-
/**
|
|
7739
|
-
* @internal
|
|
7740
|
-
*/
|
|
7741
|
-
export declare interface UiAsyncTableAccessibilityConfig<T> {
|
|
7742
|
-
getCheckboxItemAriaLabel?: (item: T) => string;
|
|
7743
|
-
checkboxAllAriaLabel?: string;
|
|
7744
|
-
searchAriaLabel?: string;
|
|
7745
|
-
gridAriaLabel?: string;
|
|
7746
|
-
}
|
|
7747
|
-
|
|
7748
|
-
/**
|
|
7749
|
-
* @internal
|
|
7750
|
-
*/
|
|
7751
|
-
export declare interface UiAsyncTableBulkAction {
|
|
7752
|
-
label: string;
|
|
7753
|
-
onClick: () => void;
|
|
7754
|
-
accessibilityConfig?: IAccessibilityConfigBase;
|
|
7755
|
-
}
|
|
8448
|
+
}>(props: IUiAsyncTableProps<T>): JSX.Element;
|
|
7756
8449
|
|
|
7757
8450
|
/**
|
|
7758
8451
|
* @internal
|
|
@@ -7762,115 +8455,13 @@ export declare const UiAsyncTableCheckboxColumnWidth = 34;
|
|
|
7762
8455
|
/**
|
|
7763
8456
|
* @internal
|
|
7764
8457
|
*/
|
|
7765
|
-
export declare
|
|
7766
|
-
key?: keyof T;
|
|
7767
|
-
label?: string;
|
|
7768
|
-
width?: number;
|
|
7769
|
-
renderMenu?: UiAsyncTableMenuRenderer<T>;
|
|
7770
|
-
renderButton?: (item: T) => ReactNode;
|
|
7771
|
-
renderRoleIcon?: (item: T) => ReactNode;
|
|
7772
|
-
renderPrefixIcon?: (item: T) => ReactNode;
|
|
7773
|
-
renderSuffixIcon?: (item: T) => ReactNode;
|
|
7774
|
-
renderBadge?: (item: T) => ReactNode;
|
|
7775
|
-
getMultiLineTextContent?: (item: T) => Array<string>;
|
|
7776
|
-
getTextContent?: (item: T) => string | ReactNode;
|
|
7777
|
-
getTextTitle?: (item: T) => string;
|
|
7778
|
-
getTextHref?: (item: T) => string | undefined;
|
|
7779
|
-
bold?: boolean;
|
|
7780
|
-
sortable?: boolean;
|
|
7781
|
-
align?: "left" | "center" | "right";
|
|
7782
|
-
getAccessibilityConfig?: (item: T) => UiAsyncTableColumnAccessibilityConfig;
|
|
7783
|
-
}
|
|
7784
|
-
|
|
7785
|
-
/**
|
|
7786
|
-
* @internal
|
|
7787
|
-
*/
|
|
7788
|
-
export declare interface UiAsyncTableColumnAccessibilityConfig {
|
|
7789
|
-
ariaLabel?: string;
|
|
7790
|
-
}
|
|
7791
|
-
|
|
7792
|
-
/**
|
|
7793
|
-
* @internal
|
|
7794
|
-
*/
|
|
7795
|
-
export declare interface UiAsyncTableColumnDefinitionResponsive<T> extends UiAsyncTableColumn<T> {
|
|
7796
|
-
minWidth?: number;
|
|
7797
|
-
}
|
|
7798
|
-
|
|
7799
|
-
/**
|
|
7800
|
-
* @internal
|
|
7801
|
-
*/
|
|
7802
|
-
export declare function UiAsyncTableEmptyState({ title, description, icon }: UiAsyncTableEmptyStateProps): JSX.Element;
|
|
7803
|
-
|
|
7804
|
-
/**
|
|
7805
|
-
* @internal
|
|
7806
|
-
*/
|
|
7807
|
-
export declare interface UiAsyncTableEmptyStateProps {
|
|
7808
|
-
title?: string;
|
|
7809
|
-
description?: string;
|
|
7810
|
-
icon?: IconType;
|
|
7811
|
-
}
|
|
7812
|
-
|
|
7813
|
-
/**
|
|
7814
|
-
* @internal
|
|
7815
|
-
*/
|
|
7816
|
-
export declare interface UiAsyncTableFilter {
|
|
7817
|
-
label: string;
|
|
7818
|
-
options: Array<UiAsyncTableFilterOption>;
|
|
7819
|
-
onItemsSelect: (options: Array<UiAsyncTableFilterOption>) => void;
|
|
7820
|
-
selected?: Array<UiAsyncTableFilterOption>;
|
|
7821
|
-
isMultiSelect?: boolean;
|
|
7822
|
-
}
|
|
7823
|
-
|
|
7824
|
-
/**
|
|
7825
|
-
* @internal
|
|
7826
|
-
*/
|
|
7827
|
-
export declare interface UiAsyncTableFilterOption {
|
|
7828
|
-
value: string;
|
|
7829
|
-
label?: string;
|
|
7830
|
-
secondaryLabel?: string;
|
|
7831
|
-
}
|
|
8458
|
+
export declare function UiAsyncTableEmptyState({ title, description, icon, }: IUiAsyncTableEmptyStateProps): JSX.Element;
|
|
7832
8459
|
|
|
7833
8460
|
/**
|
|
7834
8461
|
* @internal
|
|
7835
8462
|
*/
|
|
7836
8463
|
export declare type UiAsyncTableMenuRenderer<T> = (item: T, closeDropdown: () => void) => ReactNode;
|
|
7837
8464
|
|
|
7838
|
-
/**
|
|
7839
|
-
* @internal
|
|
7840
|
-
*/
|
|
7841
|
-
export declare interface UiAsyncTableProps<T extends {
|
|
7842
|
-
id: string;
|
|
7843
|
-
}> {
|
|
7844
|
-
items: T[];
|
|
7845
|
-
totalItemsCount?: number;
|
|
7846
|
-
columns: Array<UiAsyncTableColumn<T>>;
|
|
7847
|
-
onItemClick?: (item: T) => void;
|
|
7848
|
-
scrollToIndex?: number;
|
|
7849
|
-
width?: number;
|
|
7850
|
-
maxHeight?: number;
|
|
7851
|
-
variant?: UiAsyncTableVariant;
|
|
7852
|
-
isMobileView?: boolean;
|
|
7853
|
-
skeletonItemsCount?: number;
|
|
7854
|
-
isLoading?: boolean;
|
|
7855
|
-
hasNextPage?: boolean;
|
|
7856
|
-
loadNextPage?: () => void;
|
|
7857
|
-
filters?: Array<UiAsyncTableFilter>;
|
|
7858
|
-
isFiltersTooLarge?: boolean;
|
|
7859
|
-
sortBy?: keyof T;
|
|
7860
|
-
sortDirection?: SortDirection;
|
|
7861
|
-
onSort?: (key: keyof T) => void;
|
|
7862
|
-
onSearch?: (search: string) => void;
|
|
7863
|
-
renderToolbarCustomElement?: () => ReactNode;
|
|
7864
|
-
bulkActions?: Array<UiAsyncTableBulkAction>;
|
|
7865
|
-
selectedItemIds?: Array<string>;
|
|
7866
|
-
setSelectedItemIds?: (items: Array<string>) => void;
|
|
7867
|
-
renderItem?: (item: T) => ReactNode;
|
|
7868
|
-
renderHeader?: () => ReactNode;
|
|
7869
|
-
renderEmptyState?: () => ReactNode;
|
|
7870
|
-
locale?: string;
|
|
7871
|
-
accessibilityConfig?: UiAsyncTableAccessibilityConfig<T>;
|
|
7872
|
-
}
|
|
7873
|
-
|
|
7874
8465
|
/**
|
|
7875
8466
|
* @internal
|
|
7876
8467
|
*/
|
|
@@ -7889,25 +8480,7 @@ export declare const UiAsyncTableScrollbarWidth = 10;
|
|
|
7889
8480
|
/**
|
|
7890
8481
|
* @internal
|
|
7891
8482
|
*/
|
|
7892
|
-
export declare function UiAsyncTableTitle({ title, onSearch, renderIcon, actions }:
|
|
7893
|
-
|
|
7894
|
-
/**
|
|
7895
|
-
* @internal
|
|
7896
|
-
*/
|
|
7897
|
-
export declare interface UiAsyncTableTitleAction {
|
|
7898
|
-
renderAction: () => ReactNode;
|
|
7899
|
-
}
|
|
7900
|
-
|
|
7901
|
-
/**
|
|
7902
|
-
* @internal
|
|
7903
|
-
*/
|
|
7904
|
-
export declare interface UiAsyncTableTitleProps {
|
|
7905
|
-
title: string;
|
|
7906
|
-
renderIcon?: () => ReactNode;
|
|
7907
|
-
onSearch?: (search: string) => void;
|
|
7908
|
-
actions: Array<UiAsyncTableTitleAction>;
|
|
7909
|
-
scrollToStart: () => void;
|
|
7910
|
-
}
|
|
8483
|
+
export declare function UiAsyncTableTitle({ title, onSearch, renderIcon, actions }: IUiAsyncTableTitleProps): JSX.Element;
|
|
7911
8484
|
|
|
7912
8485
|
/**
|
|
7913
8486
|
* Variant for UiAsyncTable component.
|
|
@@ -7931,46 +8504,12 @@ export declare function UiAutofocus({ root, children, ...options }: {
|
|
|
7931
8504
|
/**
|
|
7932
8505
|
* @internal
|
|
7933
8506
|
*/
|
|
7934
|
-
export declare function UiBadge({ label }:
|
|
7935
|
-
|
|
7936
|
-
/**
|
|
7937
|
-
* @internal
|
|
7938
|
-
*/
|
|
7939
|
-
export declare
|
|
7940
|
-
label: string;
|
|
7941
|
-
}
|
|
7942
|
-
|
|
7943
|
-
/**
|
|
7944
|
-
* @internal
|
|
7945
|
-
*/
|
|
7946
|
-
export declare const UiButton: ForwardRefExoticComponent<UiButtonProps & RefAttributes<HTMLButtonElement>>;
|
|
7947
|
-
|
|
7948
|
-
/**
|
|
7949
|
-
* @internal
|
|
7950
|
-
*/
|
|
7951
|
-
export declare interface UiButtonProps {
|
|
7952
|
-
id?: string;
|
|
7953
|
-
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
7954
|
-
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTooltip | VariantLink;
|
|
7955
|
-
disableIconAnimation?: boolean;
|
|
7956
|
-
iconBefore?: IconType;
|
|
7957
|
-
iconBeforeSize?: number;
|
|
7958
|
-
badgeAfter?: number;
|
|
7959
|
-
iconAfter?: IconType;
|
|
7960
|
-
iconAfterSize?: number;
|
|
7961
|
-
label: string;
|
|
7962
|
-
isDisabled?: boolean;
|
|
7963
|
-
isLoading?: boolean;
|
|
7964
|
-
isSelected?: boolean;
|
|
7965
|
-
tooltip?: ReactNode;
|
|
7966
|
-
onClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
7967
|
-
onKeyDown?: (e: KeyboardEvent_2<HTMLButtonElement>) => void;
|
|
7968
|
-
dataId?: string;
|
|
7969
|
-
dataTestId?: string;
|
|
7970
|
-
accessibilityConfig?: IUiButtonAccessibilityConfig;
|
|
7971
|
-
maxWidth?: number;
|
|
7972
|
-
tabIndex?: number;
|
|
7973
|
-
}
|
|
8507
|
+
export declare function UiBadge({ label }: IUiBadgeProps): JSX.Element;
|
|
8508
|
+
|
|
8509
|
+
/**
|
|
8510
|
+
* @internal
|
|
8511
|
+
*/
|
|
8512
|
+
export declare const UiButton: ForwardRefExoticComponent<IUiButtonProps & RefAttributes<HTMLButtonElement>>;
|
|
7974
8513
|
|
|
7975
8514
|
/**
|
|
7976
8515
|
* A presentational container that visually groups multiple {@link UiButton} or {@link UiIconButton} components as a segmented control.
|
|
@@ -8004,64 +8543,17 @@ export declare type UiButtonSegmentedControlProps = Omit<ComponentPropsWithRef<"
|
|
|
8004
8543
|
/**
|
|
8005
8544
|
* @internal
|
|
8006
8545
|
*/
|
|
8007
|
-
export declare const UiCard: ForwardRefExoticComponent<
|
|
8008
|
-
|
|
8009
|
-
/**
|
|
8010
|
-
* @internal
|
|
8011
|
-
*/
|
|
8012
|
-
export declare interface UiCardProps {
|
|
8013
|
-
elevation?: "1" | "2";
|
|
8014
|
-
tabIndex?: number;
|
|
8015
|
-
children?: ReactNode;
|
|
8016
|
-
}
|
|
8017
|
-
|
|
8018
|
-
/**
|
|
8019
|
-
* @internal
|
|
8020
|
-
*/
|
|
8021
|
-
export declare function UiCheckbox({ checked, onChange, preventDefault, indeterminate, disabled, accessibilityConfig, tabIndex, label, }: UiCheckboxProps): JSX.Element;
|
|
8546
|
+
export declare const UiCard: ForwardRefExoticComponent<IUiCardProps & RefAttributes<HTMLDivElement>>;
|
|
8022
8547
|
|
|
8023
8548
|
/**
|
|
8024
8549
|
* @internal
|
|
8025
8550
|
*/
|
|
8026
|
-
export declare
|
|
8027
|
-
checked: boolean;
|
|
8028
|
-
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
8029
|
-
preventDefault?: boolean;
|
|
8030
|
-
indeterminate?: boolean;
|
|
8031
|
-
disabled?: boolean;
|
|
8032
|
-
accessibilityConfig?: IAccessibilityConfigBase;
|
|
8033
|
-
tabIndex?: number;
|
|
8034
|
-
label?: string;
|
|
8035
|
-
}
|
|
8036
|
-
|
|
8037
|
-
/**
|
|
8038
|
-
* @internal
|
|
8039
|
-
*/
|
|
8040
|
-
export declare function UiChip({ label, tag, isDeletable, isActive, isLocked, isExpandable, isDisabled, maxWidth, iconBefore, onClick, onDelete, onKeyDown, onDeleteKeyDown, accessibilityConfig, dataTestId, buttonRef, renderChipContent, renderDeleteButton, }: UiChipProps): JSX.Element;
|
|
8551
|
+
export declare function UiCheckbox({ checked, onChange, preventDefault, indeterminate, disabled, accessibilityConfig, tabIndex, label, }: IUiCheckboxProps): JSX.Element;
|
|
8041
8552
|
|
|
8042
8553
|
/**
|
|
8043
8554
|
* @internal
|
|
8044
8555
|
*/
|
|
8045
|
-
export declare
|
|
8046
|
-
label: string;
|
|
8047
|
-
tag?: string;
|
|
8048
|
-
isDeletable?: boolean;
|
|
8049
|
-
isActive?: boolean;
|
|
8050
|
-
isLocked?: boolean;
|
|
8051
|
-
isExpandable?: boolean;
|
|
8052
|
-
isDisabled?: boolean;
|
|
8053
|
-
maxWidth?: number;
|
|
8054
|
-
iconBefore?: IconType;
|
|
8055
|
-
onClick?: () => void;
|
|
8056
|
-
onDelete?: () => void;
|
|
8057
|
-
onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
|
|
8058
|
-
onDeleteKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
|
|
8059
|
-
accessibilityConfig?: IUiChipAccessibilityConfig;
|
|
8060
|
-
dataTestId?: string;
|
|
8061
|
-
buttonRef?: MutableRefObject<HTMLButtonElement>;
|
|
8062
|
-
renderChipContent?: (content: ReactNode) => ReactNode;
|
|
8063
|
-
renderDeleteButton?: (button: ReactNode) => ReactNode;
|
|
8064
|
-
}
|
|
8556
|
+
export declare function UiChip({ label, tag, isDeletable, isActive, isLocked, isExpandable, isDisabled, maxWidth, iconBefore, onClick, onDelete, onKeyDown, onDeleteKeyDown, accessibilityConfig, dataTestId, buttonRef, renderChipContent, renderDeleteButton, }: IUiChipProps): JSX.Element;
|
|
8065
8557
|
|
|
8066
8558
|
/**
|
|
8067
8559
|
* A composable combobox component that enables users to select from a filtered list of options.
|
|
@@ -8087,7 +8579,7 @@ export declare interface UiChipProps {
|
|
|
8087
8579
|
* </UiCombobox>
|
|
8088
8580
|
* ```
|
|
8089
8581
|
*/
|
|
8090
|
-
export declare function UiCombobox({ children, ...props }:
|
|
8582
|
+
export declare function UiCombobox({ children, ...props }: IUiComboboxProps): JSX.Element;
|
|
8091
8583
|
|
|
8092
8584
|
/** @internal */
|
|
8093
8585
|
export declare const UiComboboxInput: ForwardRefExoticComponent<UiComboboxInputProps & RefAttributes<HTMLInputElement>>;
|
|
@@ -8096,10 +8588,10 @@ export declare const UiComboboxInput: ForwardRefExoticComponent<UiComboboxInputP
|
|
|
8096
8588
|
export declare type UiComboboxInputProps = InputHTMLAttributes<HTMLInputElement>;
|
|
8097
8589
|
|
|
8098
8590
|
/** @internal */
|
|
8099
|
-
export declare function UiComboboxList({ children, className, ...htmlProps }:
|
|
8591
|
+
export declare function UiComboboxList({ children, className, ...htmlProps }: IUiComboboxListProps): JSX.Element;
|
|
8100
8592
|
|
|
8101
8593
|
/** @internal */
|
|
8102
|
-
export declare function UiComboboxListItem(props:
|
|
8594
|
+
export declare function UiComboboxListItem(props: IUiComboboxListItemProps): JSX.Element;
|
|
8103
8595
|
|
|
8104
8596
|
/**
|
|
8105
8597
|
* Renders the "creatable" label suffix within a combobox list item.
|
|
@@ -8123,71 +8615,21 @@ export declare function UiComboboxListItemLabel(props: UiComboboxListItemLabelPr
|
|
|
8123
8615
|
/** @internal */
|
|
8124
8616
|
export declare type UiComboboxListItemLabelProps = HTMLAttributes<HTMLSpanElement>;
|
|
8125
8617
|
|
|
8126
|
-
/** @internal */
|
|
8127
|
-
export declare interface UiComboboxListItemProps extends HTMLAttributes<HTMLLIElement> {
|
|
8128
|
-
option: IUiComboboxOption;
|
|
8129
|
-
index: number;
|
|
8130
|
-
}
|
|
8131
|
-
|
|
8132
|
-
/** @internal */
|
|
8133
|
-
export declare interface UiComboboxListProps extends Omit<HTMLAttributes<HTMLUListElement>, "children"> {
|
|
8134
|
-
/**
|
|
8135
|
-
* The children to render for each option. Renders a `UiComboboxListItem` when not provided.
|
|
8136
|
-
*/
|
|
8137
|
-
children?: (option: IUiComboboxOption, index: number) => ReactNode;
|
|
8138
|
-
}
|
|
8139
|
-
|
|
8140
8618
|
/** @internal */
|
|
8141
8619
|
export declare function UiComboboxPopup({ style, className, children, ...htmlProps }: UiComboboxPopupProps): JSX.Element | null;
|
|
8142
8620
|
|
|
8143
8621
|
/** @internal */
|
|
8144
8622
|
export declare type UiComboboxPopupProps = HTMLAttributes<HTMLDivElement>;
|
|
8145
8623
|
|
|
8146
|
-
/** @internal */
|
|
8147
|
-
export declare interface UiComboboxProps extends IUiComboboxParams {
|
|
8148
|
-
children?: ReactNode;
|
|
8149
|
-
}
|
|
8150
|
-
|
|
8151
8624
|
/**
|
|
8152
8625
|
* @internal
|
|
8153
8626
|
*/
|
|
8154
|
-
export declare function UiDate({ date, locale, relativeThresholdMs, absoluteOptions, allowRelative, }:
|
|
8627
|
+
export declare function UiDate({ date, locale, relativeThresholdMs, absoluteOptions, allowRelative, }: IUiDateProps): JSX.Element;
|
|
8155
8628
|
|
|
8156
8629
|
/**
|
|
8157
8630
|
* @internal
|
|
8158
8631
|
*/
|
|
8159
|
-
export declare
|
|
8160
|
-
date: Date | string | number;
|
|
8161
|
-
locale?: string;
|
|
8162
|
-
relativeThresholdMs?: number;
|
|
8163
|
-
absoluteOptions?: Intl.DateTimeFormatOptions;
|
|
8164
|
-
allowRelative?: boolean;
|
|
8165
|
-
}
|
|
8166
|
-
|
|
8167
|
-
/**
|
|
8168
|
-
* @internal
|
|
8169
|
-
*/
|
|
8170
|
-
export declare function UiDrawer({ open, zIndex, node, mode, dataTestId, children, anchor, transition, onEscapeKey, onClickOutside, closeLabel, showCloseButton, onClickClose, refocusKey, initialFocus, accessibilityConfig, }: UiDrawerProps): JSX.Element | null;
|
|
8171
|
-
|
|
8172
|
-
/**
|
|
8173
|
-
* @internal
|
|
8174
|
-
*/
|
|
8175
|
-
export declare interface UiDrawerProps extends IUiAutofocusOptions {
|
|
8176
|
-
open?: boolean;
|
|
8177
|
-
mode?: "absolute" | "fixed";
|
|
8178
|
-
node?: HTMLElement;
|
|
8179
|
-
dataTestId?: string;
|
|
8180
|
-
zIndex?: number;
|
|
8181
|
-
children?: ReactNode;
|
|
8182
|
-
anchor?: "left" | "right";
|
|
8183
|
-
transition?: UiDrawerTransitionProps;
|
|
8184
|
-
onEscapeKey?: (e: KeyboardEvent_2) => void;
|
|
8185
|
-
onClickOutside?: (e: MouseEvent_2) => void;
|
|
8186
|
-
closeLabel?: string;
|
|
8187
|
-
showCloseButton?: boolean;
|
|
8188
|
-
onClickClose?: () => void;
|
|
8189
|
-
accessibilityConfig?: IAccessibilityConfigBase;
|
|
8190
|
-
}
|
|
8632
|
+
export declare function UiDrawer({ open, zIndex, node, mode, dataTestId, children, anchor, transition, onEscapeKey, onClickOutside, closeLabel, showCloseButton, onClickClose, refocusKey, initialFocus, returnFocusTo, accessibilityConfig, }: IUiDrawerProps): JSX.Element | null;
|
|
8191
8633
|
|
|
8192
8634
|
/**
|
|
8193
8635
|
* @internal
|
|
@@ -8219,14 +8661,7 @@ export declare function UiDropdown({ renderButton, renderBody, isOpen: isOpenPro
|
|
|
8219
8661
|
/**
|
|
8220
8662
|
* @internal
|
|
8221
8663
|
*/
|
|
8222
|
-
export declare const UiDropdownIconButton: ForwardRefExoticComponent<
|
|
8223
|
-
|
|
8224
|
-
/**
|
|
8225
|
-
* @internal
|
|
8226
|
-
*/
|
|
8227
|
-
export declare interface UiDropdownIconButtonProps extends UiIconButtonPublicProps {
|
|
8228
|
-
isDropdownOpen: boolean;
|
|
8229
|
-
}
|
|
8664
|
+
export declare const UiDropdownIconButton: ForwardRefExoticComponent<IUiDropdownIconButtonProps & RefAttributes<HTMLButtonElement>>;
|
|
8230
8665
|
|
|
8231
8666
|
/**
|
|
8232
8667
|
* A low-level component for rendering floating elements (dropdowns, popovers, tooltips, etc.)
|
|
@@ -8264,60 +8699,17 @@ export declare function UiFocusTrap({ root, children, focusCheckFn, }: {
|
|
|
8264
8699
|
/**
|
|
8265
8700
|
* @internal
|
|
8266
8701
|
*/
|
|
8267
|
-
export declare function UiIcon({ type,
|
|
8268
|
-
|
|
8269
|
-
/**
|
|
8270
|
-
* @internal
|
|
8271
|
-
*/
|
|
8272
|
-
export declare const UiIconButton: ForwardRefExoticComponent<UiIconButtonPublicProps & RefAttributes<HTMLButtonElement>>;
|
|
8273
|
-
|
|
8274
|
-
/**
|
|
8275
|
-
* @internal
|
|
8276
|
-
*/
|
|
8277
|
-
export declare type UiIconButtonProps = UiIconButtonPublicProps;
|
|
8702
|
+
export declare function UiIcon({ type, color, layout, disableAnimation, accessibilityConfig, size, backgroundSize, backgroundColor, backgroundType, backgroundShape, }: IUiIconProps): JSX.Element;
|
|
8278
8703
|
|
|
8279
8704
|
/**
|
|
8280
8705
|
* @internal
|
|
8281
8706
|
*/
|
|
8282
|
-
export declare
|
|
8283
|
-
icon: IconType;
|
|
8284
|
-
iconColor?: ThemeColor;
|
|
8285
|
-
label?: string;
|
|
8286
|
-
size?: SizeXSmall | SizeSmall | SizeMedium | SizeLarge | SizeXLarge | SizeXXLarge;
|
|
8287
|
-
disableAnimation?: boolean;
|
|
8288
|
-
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger | VariantTable | VariantBare;
|
|
8289
|
-
isDisabled?: boolean;
|
|
8290
|
-
isActive?: boolean;
|
|
8291
|
-
onClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
8292
|
-
onKeyDown?: (e: KeyboardEvent_2<HTMLButtonElement>) => void;
|
|
8293
|
-
dataId?: string;
|
|
8294
|
-
dataTestId?: string;
|
|
8295
|
-
ariaAttributes?: IDropdownButtonRenderProps["ariaAttributes"];
|
|
8296
|
-
accessibilityConfig?: IDropdownButtonRenderProps["accessibilityConfig"];
|
|
8297
|
-
tabIndex?: number;
|
|
8298
|
-
id?: string;
|
|
8299
|
-
}
|
|
8707
|
+
export declare const UiIconButton: ForwardRefExoticComponent<IUiIconButtonPublicProps & RefAttributes<HTMLButtonElement>>;
|
|
8300
8708
|
|
|
8301
8709
|
/**
|
|
8302
8710
|
* @internal
|
|
8303
8711
|
*/
|
|
8304
|
-
export declare
|
|
8305
|
-
type: IconType;
|
|
8306
|
-
color?: ThemeColor | "currentColor";
|
|
8307
|
-
label?: string;
|
|
8308
|
-
size?: number;
|
|
8309
|
-
ariaHidden?: boolean;
|
|
8310
|
-
disableAnimation?: boolean;
|
|
8311
|
-
backgroundSize?: number;
|
|
8312
|
-
backgroundColor?: ThemeColor;
|
|
8313
|
-
backgroundType?: BackgroundType;
|
|
8314
|
-
backgroundShape?: BackgroundShape;
|
|
8315
|
-
/**
|
|
8316
|
-
* SVGs are inline by default. The icon can be set to block to behave better in flex layouts and similar.
|
|
8317
|
-
* @defaultValue "inline"
|
|
8318
|
-
*/
|
|
8319
|
-
layout?: "block" | "inline";
|
|
8320
|
-
}
|
|
8712
|
+
export declare type UiIconButtonProps = IUiIconButtonPublicProps;
|
|
8321
8713
|
|
|
8322
8714
|
/**
|
|
8323
8715
|
* @internal
|
|
@@ -8346,7 +8738,7 @@ export declare function UiLink({ variant, flipUnderline, fullWidth, dataTestId,
|
|
|
8346
8738
|
*
|
|
8347
8739
|
* @internal
|
|
8348
8740
|
*/
|
|
8349
|
-
export declare function UiListbox<InteractiveItemData, StaticItemData>({ items, dataTestId, itemDataTestId, width, maxWidth, maxHeight, onSelect, onClose, onUnhandledKeyDown, selectedItemId, InteractiveItemComponent, StaticItemComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect, isDisabledFocusable, isCompact, reference, ariaAttributes, }:
|
|
8741
|
+
export declare function UiListbox<InteractiveItemData, StaticItemData>({ items, dataTestId, itemDataTestId, width, maxWidth, maxHeight, onSelect, onClose, onUnhandledKeyDown, selectedItemId, InteractiveItemComponent, StaticItemComponent, shouldKeyboardActionPreventDefault, shouldKeyboardActionStopPropagation, shouldCloseOnSelect, isDisabledFocusable, isCompact, reference, ariaAttributes, }: IUiListboxProps<InteractiveItemData, StaticItemData>): ReactNode;
|
|
8350
8742
|
|
|
8351
8743
|
/**
|
|
8352
8744
|
* @internal
|
|
@@ -8355,144 +8747,24 @@ export declare type UiListboxAriaAttributes = Omit<IDropdownBodyRenderProps["ari
|
|
|
8355
8747
|
"aria-controls"?: string;
|
|
8356
8748
|
};
|
|
8357
8749
|
|
|
8358
|
-
/**
|
|
8359
|
-
* @internal
|
|
8360
|
-
*/
|
|
8361
|
-
export declare interface UiListboxInteractiveItemProps<T> {
|
|
8362
|
-
item: IUiListboxInteractiveItem<T>;
|
|
8363
|
-
isFocused: boolean;
|
|
8364
|
-
isSelected: boolean;
|
|
8365
|
-
isCompact: boolean;
|
|
8366
|
-
onSelect: (e: MouseEvent_2) => void;
|
|
8367
|
-
}
|
|
8368
|
-
|
|
8369
|
-
/**
|
|
8370
|
-
* @internal
|
|
8371
|
-
*/
|
|
8372
|
-
export declare interface UiListboxProps<InteractiveItemData, StaticItemData = ReactNode> {
|
|
8373
|
-
items: IUiListboxItem<InteractiveItemData, StaticItemData>[];
|
|
8374
|
-
dataTestId?: string;
|
|
8375
|
-
itemDataTestId?: string;
|
|
8376
|
-
width?: number;
|
|
8377
|
-
maxWidth?: number;
|
|
8378
|
-
maxHeight?: number;
|
|
8379
|
-
onSelect?: (item: IUiListboxInteractiveItem<InteractiveItemData>, mods: {
|
|
8380
|
-
type?: "mouse" | "keyboard";
|
|
8381
|
-
newTab?: boolean;
|
|
8382
|
-
}) => void;
|
|
8383
|
-
onClose?: () => void;
|
|
8384
|
-
onUnhandledKeyDown?: (event: KeyboardEvent_2, context: IUiListboxContext<InteractiveItemData, StaticItemData>) => void;
|
|
8385
|
-
selectedItemId?: string;
|
|
8386
|
-
InteractiveItemComponent?: ComponentType<UiListboxInteractiveItemProps<InteractiveItemData>>;
|
|
8387
|
-
StaticItemComponent?: ComponentType<UiListboxStaticItemProps<StaticItemData>>;
|
|
8388
|
-
shouldKeyboardActionPreventDefault?: boolean;
|
|
8389
|
-
shouldKeyboardActionStopPropagation?: boolean;
|
|
8390
|
-
shouldCloseOnSelect?: boolean;
|
|
8391
|
-
isDisabledFocusable?: boolean;
|
|
8392
|
-
isCompact?: boolean;
|
|
8393
|
-
ariaAttributes: UiListboxAriaAttributes;
|
|
8394
|
-
reference?: RefObject<HTMLUListElement | null>;
|
|
8395
|
-
}
|
|
8396
|
-
|
|
8397
|
-
/**
|
|
8398
|
-
* @internal
|
|
8399
|
-
*/
|
|
8400
|
-
export declare interface UiListboxStaticItemProps<T> {
|
|
8401
|
-
item: IUiListboxStaticItem<T>;
|
|
8402
|
-
}
|
|
8403
|
-
|
|
8404
8750
|
/**
|
|
8405
8751
|
* An accessible menu component that can be navigated by keyboard.
|
|
8406
8752
|
* Usable in a <Dropdown /> component.
|
|
8407
8753
|
* Should implement https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
|
|
8408
8754
|
*
|
|
8409
|
-
* @internal
|
|
8410
|
-
*/
|
|
8411
|
-
export declare function UiMenu<T extends IUiMenuItemData = object, M extends object = object>(props:
|
|
8412
|
-
|
|
8413
|
-
/**
|
|
8414
|
-
* @internal
|
|
8415
|
-
*/
|
|
8416
|
-
export declare interface UiMenuProps<T extends IUiMenuItemData = object, M = object> extends Partial<IUiMenuPluggableComponents<T>> {
|
|
8417
|
-
items: IUiMenuItem<T>[];
|
|
8418
|
-
size?: SizeSmall | SizeMedium;
|
|
8419
|
-
dataTestId?: ((context: IUiMenuContext<T>) => string | undefined) | string;
|
|
8420
|
-
itemDataTestId?: ((item: IUiMenuItem<T>) => string | undefined) | string;
|
|
8421
|
-
maxWidth?: number;
|
|
8422
|
-
maxHeight?: ((context: IUiMenuContext<T>) => number | undefined) | number;
|
|
8423
|
-
containerBottomPadding?: "none" | "small" | "medium";
|
|
8424
|
-
containerTopPadding?: "none" | "small" | "medium";
|
|
8425
|
-
onSelect?: (item: IUiMenuInteractiveItem<T>, event: MouseEvent_2 | KeyboardEvent_2) => void;
|
|
8426
|
-
onLevelChange?: (level: number, item?: IUiMenuContentItem<T> | IUiMenuInteractiveItem<T>) => void;
|
|
8427
|
-
onClose?: () => void;
|
|
8428
|
-
onUnhandledKeyDown?: (event: KeyboardEvent_2, context: IUiMenuContext<T>) => void;
|
|
8429
|
-
shouldKeyboardActionPreventDefault?: boolean;
|
|
8430
|
-
shouldKeyboardActionStopPropagation?: boolean;
|
|
8431
|
-
shouldCloseOnSelect?: boolean;
|
|
8432
|
-
isDisabledFocusable?: boolean;
|
|
8433
|
-
ariaAttributes: Omit<IDropdownBodyRenderProps["ariaAttributes"], "role">;
|
|
8434
|
-
menuCtxData?: M;
|
|
8435
|
-
}
|
|
8436
|
-
|
|
8437
|
-
/**
|
|
8438
|
-
* @internal
|
|
8439
|
-
*/
|
|
8440
|
-
export declare function UiNavigationBypass({ label, items, onItemClick, style }: IUiNavigationBypassProps): JSX.Element;
|
|
8441
|
-
|
|
8442
|
-
/**
|
|
8443
|
-
* @internal
|
|
8444
|
-
*/
|
|
8445
|
-
export declare const UiPagedVirtualList: <T>(props: UiPagedVirtualListProps<T> & RefAttributes<IUiPagedVirtualListImperativeHandle<T>>) => ReactNode;
|
|
8446
|
-
|
|
8447
|
-
/**
|
|
8448
|
-
* @internal
|
|
8449
|
-
*/
|
|
8450
|
-
export declare interface UiPagedVirtualListProps<T> {
|
|
8451
|
-
maxHeight: number;
|
|
8452
|
-
items?: T[];
|
|
8453
|
-
itemHeight: number;
|
|
8454
|
-
itemsGap: number;
|
|
8455
|
-
containerPadding?: number;
|
|
8456
|
-
itemPadding: number;
|
|
8457
|
-
skeletonItemsCount: number;
|
|
8458
|
-
hasNextPage?: boolean;
|
|
8459
|
-
loadNextPage?: () => void;
|
|
8460
|
-
customKeyboardNavigationHandler?: (event: KeyboardEvent_2<Element>) => void;
|
|
8461
|
-
onKeyDownSelect?: (item: T) => void;
|
|
8462
|
-
onKeyDownConfirm?: (item: T) => void;
|
|
8463
|
-
closeDropdown?: () => void;
|
|
8464
|
-
isLoading?: boolean;
|
|
8465
|
-
/**
|
|
8466
|
-
* An item in the list that should be scrolled into view when the component renders.
|
|
8467
|
-
* By default, items are compared by object identity (i.e., `===`).
|
|
8468
|
-
* To customize how the target item is found (e.g., by ID), provide a `scrollToItemKeyExtractor` as well.
|
|
8469
|
-
*/
|
|
8470
|
-
scrollToItem?: T;
|
|
8471
|
-
/**
|
|
8472
|
-
* A function that extracts a unique key from each item for comparison with `scrollToItem`.
|
|
8473
|
-
* This is useful when the provided `scrollToItem` may not be the same object reference as items in the list.
|
|
8474
|
-
* If not provided, object identity (`===`) is used for comparison.
|
|
8475
|
-
*/
|
|
8476
|
-
scrollToItemKeyExtractor?: (item: T) => string | number;
|
|
8477
|
-
scrollToIndex?: number;
|
|
8478
|
-
shouldLoadNextPage?: (lastItemIndex: number, itemsCount: number, skeletonItemsCount: number) => boolean;
|
|
8479
|
-
children: (item: T, focusedIndex?: number) => ReactNode;
|
|
8480
|
-
scrollbarHoverEffect?: boolean;
|
|
8481
|
-
SkeletonItem?: ComponentType<UiPagedVirtualListSkeletonItemProps>;
|
|
8482
|
-
representAs?: "grid" | "listbox";
|
|
8483
|
-
listboxProps?: Record<string, any>;
|
|
8484
|
-
tabIndex?: number;
|
|
8485
|
-
focusedItem?: T;
|
|
8486
|
-
focusedAction?: string;
|
|
8487
|
-
getIsItemSelected?: (item: T) => boolean;
|
|
8488
|
-
}
|
|
8755
|
+
* @internal
|
|
8756
|
+
*/
|
|
8757
|
+
export declare function UiMenu<T extends IUiMenuItemData = object, M extends object = object>(props: IUiMenuProps<T, M>): ReactNode;
|
|
8489
8758
|
|
|
8490
8759
|
/**
|
|
8491
8760
|
* @internal
|
|
8492
8761
|
*/
|
|
8493
|
-
export declare
|
|
8494
|
-
|
|
8495
|
-
|
|
8762
|
+
export declare function UiNavigationBypass({ label, items, onItemClick, style }: IUiNavigationBypassProps): JSX.Element;
|
|
8763
|
+
|
|
8764
|
+
/**
|
|
8765
|
+
* @internal
|
|
8766
|
+
*/
|
|
8767
|
+
export declare const UiPagedVirtualList: <T>(props: IUiPagedVirtualListProps<T> & RefAttributes<IUiPagedVirtualListImperativeHandle<T>>) => ReactNode;
|
|
8496
8768
|
|
|
8497
8769
|
/**
|
|
8498
8770
|
* A circular button used for pagination navigation (previous/next).
|
|
@@ -8503,7 +8775,7 @@ export declare interface UiPagedVirtualListSkeletonItemProps {
|
|
|
8503
8775
|
*
|
|
8504
8776
|
* @internal
|
|
8505
8777
|
*/
|
|
8506
|
-
export declare const UiPaginationButton: ForwardRefExoticComponent<
|
|
8778
|
+
export declare const UiPaginationButton: ForwardRefExoticComponent<IUiPaginationButtonProps & RefAttributes<HTMLButtonElement>>;
|
|
8507
8779
|
|
|
8508
8780
|
/**
|
|
8509
8781
|
* Direction of the pagination button arrow.
|
|
@@ -8512,67 +8784,6 @@ export declare const UiPaginationButton: ForwardRefExoticComponent<UiPaginationB
|
|
|
8512
8784
|
*/
|
|
8513
8785
|
export declare type UiPaginationButtonDirection = "previous" | "next";
|
|
8514
8786
|
|
|
8515
|
-
/**
|
|
8516
|
-
* Props for the UiPaginationButton component.
|
|
8517
|
-
*
|
|
8518
|
-
* @internal
|
|
8519
|
-
*/
|
|
8520
|
-
export declare interface UiPaginationButtonProps {
|
|
8521
|
-
/**
|
|
8522
|
-
* Direction of the arrow icon.
|
|
8523
|
-
* - "previous" shows left arrow (paginationLeft)
|
|
8524
|
-
* - "next" shows right arrow (paginationRight)
|
|
8525
|
-
*/
|
|
8526
|
-
direction: UiPaginationButtonDirection;
|
|
8527
|
-
/**
|
|
8528
|
-
* Accessible label for the button.
|
|
8529
|
-
*/
|
|
8530
|
-
label: string;
|
|
8531
|
-
/**
|
|
8532
|
-
* Size of the button.
|
|
8533
|
-
* - "small" (22x22) - for desktop views
|
|
8534
|
-
* - "large" (32x32) - for mobile views
|
|
8535
|
-
* @defaultValue "small"
|
|
8536
|
-
*/
|
|
8537
|
-
size?: UiPaginationButtonSize;
|
|
8538
|
-
/**
|
|
8539
|
-
* Whether the button is disabled.
|
|
8540
|
-
*/
|
|
8541
|
-
isDisabled?: boolean;
|
|
8542
|
-
/**
|
|
8543
|
-
* Whether the button is in active/selected state.
|
|
8544
|
-
*/
|
|
8545
|
-
isActive?: boolean;
|
|
8546
|
-
/**
|
|
8547
|
-
* Click handler.
|
|
8548
|
-
*/
|
|
8549
|
-
onClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
8550
|
-
/**
|
|
8551
|
-
* Keyboard event handler.
|
|
8552
|
-
*/
|
|
8553
|
-
onKeyDown?: (e: KeyboardEvent_2<HTMLButtonElement>) => void;
|
|
8554
|
-
/**
|
|
8555
|
-
* Data attribute for tracking/analytics.
|
|
8556
|
-
*/
|
|
8557
|
-
dataId?: string;
|
|
8558
|
-
/**
|
|
8559
|
-
* Data attribute for testing.
|
|
8560
|
-
*/
|
|
8561
|
-
dataTestId?: string;
|
|
8562
|
-
/**
|
|
8563
|
-
* Tab index for keyboard navigation.
|
|
8564
|
-
*/
|
|
8565
|
-
tabIndex?: number;
|
|
8566
|
-
/**
|
|
8567
|
-
* HTML id attribute.
|
|
8568
|
-
*/
|
|
8569
|
-
id?: string;
|
|
8570
|
-
/**
|
|
8571
|
-
* Accessibility configuration for ARIA attributes.
|
|
8572
|
-
*/
|
|
8573
|
-
accessibilityConfig?: IAccessibilityConfigBase;
|
|
8574
|
-
}
|
|
8575
|
-
|
|
8576
8787
|
/**
|
|
8577
8788
|
* Size variant for UiPaginationButton.
|
|
8578
8789
|
*
|
|
@@ -8583,43 +8794,7 @@ export declare type UiPaginationButtonSize = "small" | "large";
|
|
|
8583
8794
|
/**
|
|
8584
8795
|
* @internal
|
|
8585
8796
|
*/
|
|
8586
|
-
export declare function UiPopover({ accessibilityConfig, anchor, width, title, tabIndex, disabled, content, footer, closeText, closeVisible, initialFocus, returnFocusTo, triggerBy, returnFocusAfterClose, focusCheckFn, enableFocusTrap, onOpen, onClose, }:
|
|
8587
|
-
|
|
8588
|
-
/**
|
|
8589
|
-
* @internal
|
|
8590
|
-
*/
|
|
8591
|
-
export declare interface UiPopoverProps {
|
|
8592
|
-
anchor: ReactElement<any>;
|
|
8593
|
-
width?: "default" | number;
|
|
8594
|
-
disabled?: boolean;
|
|
8595
|
-
tabIndex?: number;
|
|
8596
|
-
accessibilityConfig?: IAccessibilityConfigBase;
|
|
8597
|
-
title?: string | ReactNode;
|
|
8598
|
-
content?: ReactNode | ((args: {
|
|
8599
|
-
onClose: () => void;
|
|
8600
|
-
}) => ReactNode);
|
|
8601
|
-
footer?: ReactNode | ((args: {
|
|
8602
|
-
onClose: () => void;
|
|
8603
|
-
}) => ReactNode);
|
|
8604
|
-
triggerBy?: UiTooltipProps["triggerBy"];
|
|
8605
|
-
closeText?: string;
|
|
8606
|
-
closeVisible?: boolean;
|
|
8607
|
-
initialFocus?: RefObject<HTMLElement> | string;
|
|
8608
|
-
returnFocusTo?: RefObject<HTMLElement> | string;
|
|
8609
|
-
returnFocusAfterClose?: boolean;
|
|
8610
|
-
/**
|
|
8611
|
-
* customize if you know that dialog content has some custom focusIn logic which modifies focused element, eg. table which shifts its focus from table wrapper to first table cell
|
|
8612
|
-
* default is check if active element is exactly focused element.
|
|
8613
|
-
*/
|
|
8614
|
-
focusCheckFn?: (element: HTMLElement) => boolean;
|
|
8615
|
-
/**
|
|
8616
|
-
* Enable focus trap to prevent tabbing out of the popover
|
|
8617
|
-
* When true, uses UiFocusManager's focus trap instead of tabOutHandler
|
|
8618
|
-
*/
|
|
8619
|
-
enableFocusTrap?: boolean;
|
|
8620
|
-
onOpen?: () => void;
|
|
8621
|
-
onClose?: () => void;
|
|
8622
|
-
}
|
|
8797
|
+
export declare function UiPopover({ accessibilityConfig, anchor, width, title, tabIndex, disabled, content, footer, closeText, closeVisible, initialFocus, returnFocusTo, triggerBy, returnFocusAfterClose, focusCheckFn, enableFocusTrap, onOpen, onClose, }: IUiPopoverProps): JSX.Element;
|
|
8623
8798
|
|
|
8624
8799
|
/**
|
|
8625
8800
|
* @internal
|
|
@@ -8644,41 +8819,7 @@ export declare function UiSearchResultsAnnouncement({ totalResults, resultValues
|
|
|
8644
8819
|
/**
|
|
8645
8820
|
* @internal
|
|
8646
8821
|
*/
|
|
8647
|
-
export declare function UiSkeleton({ itemsCount, itemHeight, itemPadding, itemWidth, itemsGap, direction, itemBorderRadius, }:
|
|
8648
|
-
|
|
8649
|
-
/**
|
|
8650
|
-
* @internal
|
|
8651
|
-
*/
|
|
8652
|
-
export declare interface UiSkeletonProps {
|
|
8653
|
-
/**
|
|
8654
|
-
* Number of items to render.
|
|
8655
|
-
*/
|
|
8656
|
-
itemsCount?: number;
|
|
8657
|
-
/**
|
|
8658
|
-
* Height of the item, or items.
|
|
8659
|
-
*/
|
|
8660
|
-
itemHeight?: (number | string) | (number | string)[];
|
|
8661
|
-
/**
|
|
8662
|
-
* Width of the item, or items.
|
|
8663
|
-
*/
|
|
8664
|
-
itemWidth?: (number | string) | (number | string)[];
|
|
8665
|
-
/**
|
|
8666
|
-
* Padding of the item, or items.
|
|
8667
|
-
*/
|
|
8668
|
-
itemPadding?: number | number[];
|
|
8669
|
-
/**
|
|
8670
|
-
* Gap between the items.
|
|
8671
|
-
*/
|
|
8672
|
-
itemsGap?: number;
|
|
8673
|
-
/**
|
|
8674
|
-
* Whether to render the skeleton in a row or column.
|
|
8675
|
-
*/
|
|
8676
|
-
direction?: "row" | "column";
|
|
8677
|
-
/**
|
|
8678
|
-
* Border radius of the item.
|
|
8679
|
-
*/
|
|
8680
|
-
itemBorderRadius?: number;
|
|
8681
|
-
}
|
|
8822
|
+
export declare function UiSkeleton({ itemsCount, itemHeight, itemPadding, itemWidth, itemsGap, direction, itemBorderRadius, }: IUiSkeletonProps): JSX.Element;
|
|
8682
8823
|
|
|
8683
8824
|
/**
|
|
8684
8825
|
* @internal
|
|
@@ -8707,23 +8848,7 @@ export declare function UiStaticTreeview<Level>(props: IUiStaticTreeViewProps<Le
|
|
|
8707
8848
|
* Title can render as Typography h3 or ShortenedText h3.
|
|
8708
8849
|
* @internal
|
|
8709
8850
|
*/
|
|
8710
|
-
export declare function UiSubmenuHeader({ title, onBack, onClose, backAriaLabel, closeAriaLabel, useShortenedTitle, textColor, backgroundColor, height, titleId, }:
|
|
8711
|
-
|
|
8712
|
-
/**
|
|
8713
|
-
* @internal
|
|
8714
|
-
*/
|
|
8715
|
-
export declare interface UiSubmenuHeaderProps {
|
|
8716
|
-
title?: string;
|
|
8717
|
-
onBack?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
8718
|
-
onClose?: (e: MouseEvent_2<HTMLButtonElement>) => void;
|
|
8719
|
-
backAriaLabel?: string;
|
|
8720
|
-
closeAriaLabel?: string;
|
|
8721
|
-
useShortenedTitle?: boolean;
|
|
8722
|
-
textColor?: string;
|
|
8723
|
-
backgroundColor?: string;
|
|
8724
|
-
height?: SizeMedium | SizeLarge;
|
|
8725
|
-
titleId?: string;
|
|
8726
|
-
}
|
|
8851
|
+
export declare function UiSubmenuHeader({ title, onBack, onClose, backAriaLabel, closeAriaLabel, useShortenedTitle, textColor, backgroundColor, height, titleId, }: IUiSubmenuHeaderProps): JSX.Element;
|
|
8727
8852
|
|
|
8728
8853
|
/**
|
|
8729
8854
|
* @internal
|
|
@@ -8743,15 +8868,6 @@ export declare function UiTabs<TTabProps extends Record<any, any> = EmptyObject,
|
|
|
8743
8868
|
*/
|
|
8744
8869
|
export declare const UiTag: ForwardRefExoticComponent<UiTagProps & RefAttributes<HTMLButtonElement>>;
|
|
8745
8870
|
|
|
8746
|
-
/**
|
|
8747
|
-
* @internal
|
|
8748
|
-
*/
|
|
8749
|
-
export declare interface UiTagDef {
|
|
8750
|
-
id: string;
|
|
8751
|
-
label: string;
|
|
8752
|
-
isDeletable?: boolean;
|
|
8753
|
-
}
|
|
8754
|
-
|
|
8755
8871
|
/**
|
|
8756
8872
|
* @internal
|
|
8757
8873
|
*/
|
|
@@ -8775,97 +8891,12 @@ export declare type UiTagProps = {
|
|
|
8775
8891
|
/**
|
|
8776
8892
|
* @internal
|
|
8777
8893
|
*/
|
|
8778
|
-
export declare function UiTags({ tags, tagOptions, addLabel, nameLabel, cancelLabel, closeLabel, saveLabel, noTagsLabel, moreLabel, removeLabel, creatableLabel, mode, canDeleteTags, canCreateTag, readOnly, onTagClick, onTagAdd, onTagRemove, accessibilityConfig, }:
|
|
8779
|
-
|
|
8780
|
-
/**
|
|
8781
|
-
* @internal
|
|
8782
|
-
*/
|
|
8783
|
-
export declare interface UiTagsProps {
|
|
8784
|
-
tags: Array<UiTagDef>;
|
|
8785
|
-
tagOptions?: Array<UiTagDef>;
|
|
8786
|
-
addLabel?: string;
|
|
8787
|
-
nameLabel?: string;
|
|
8788
|
-
cancelLabel?: string;
|
|
8789
|
-
closeLabel?: string;
|
|
8790
|
-
saveLabel?: string;
|
|
8791
|
-
moreLabel?: string;
|
|
8792
|
-
noTagsLabel?: string;
|
|
8793
|
-
removeLabel?: string;
|
|
8794
|
-
creatableLabel?: string;
|
|
8795
|
-
readOnly?: boolean;
|
|
8796
|
-
canCreateTag?: boolean;
|
|
8797
|
-
canDeleteTags?: boolean;
|
|
8798
|
-
mode?: "single-line" | "multi-line";
|
|
8799
|
-
onTagClick?: (tag: UiTagDef) => void;
|
|
8800
|
-
onTagAdd?: (tag: UiTagDef) => void;
|
|
8801
|
-
onTagRemove?: (tag: UiTagDef) => void;
|
|
8802
|
-
accessibilityConfig?: IAccessibilityConfigBase;
|
|
8803
|
-
}
|
|
8804
|
-
|
|
8805
|
-
/**
|
|
8806
|
-
* @internal
|
|
8807
|
-
*/
|
|
8808
|
-
export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, variant, disabled, isOpen: isOpenProp, onOpen, onClose, anchorWrapperStyles, }: UiTooltipProps): JSX.Element;
|
|
8894
|
+
export declare function UiTags({ tags, tagOptions, addLabel, nameLabel, cancelLabel, closeLabel, saveLabel, noTagsLabel, moreLabel, removeLabel, creatableLabel, mode, canDeleteTags, canCreateTag, readOnly, onTagClick, onTagAdd, onTagRemove, accessibilityConfig, }: IUiTagsProps): JSX.Element;
|
|
8809
8895
|
|
|
8810
8896
|
/**
|
|
8811
8897
|
* @internal
|
|
8812
8898
|
*/
|
|
8813
|
-
export declare
|
|
8814
|
-
/** Tooltip content id */
|
|
8815
|
-
id?: string;
|
|
8816
|
-
/** Position of the tooltip arrow relative to the tooltip, controls also the position of the tooltip */
|
|
8817
|
-
arrowPlacement?: TooltipArrowPlacement;
|
|
8818
|
-
/** Anchor element to be used as reference for the tooltip */
|
|
8819
|
-
anchor: ReactNode;
|
|
8820
|
-
/** Content to be rendered inside the tooltip */
|
|
8821
|
-
content: ReactNode | ((args: {
|
|
8822
|
-
onClose: () => void;
|
|
8823
|
-
type: "screen-reader" | "live";
|
|
8824
|
-
}) => ReactNode);
|
|
8825
|
-
/** Whether tooltip should show on hover, focus or click */
|
|
8826
|
-
triggerBy?: Array<"hover" | "focus" | "click">;
|
|
8827
|
-
/** Delay in milliseconds before showing tooltip on hover */
|
|
8828
|
-
hoverOpenDelay?: number;
|
|
8829
|
-
/** Delay in milliseconds before hiding tooltip after hover out */
|
|
8830
|
-
hoverCloseDelay?: number;
|
|
8831
|
-
/** Whether to show the arrow pointer */
|
|
8832
|
-
showArrow?: boolean;
|
|
8833
|
-
/** Width of the tooltip in pixels, 'same-as-anchor' to match anchor width, if not specified tooltip will be as wide as content */
|
|
8834
|
-
width?: number | "same-as-anchor";
|
|
8835
|
-
/** Distance in pixels between tooltip and anchor element, default is arrow height */
|
|
8836
|
-
offset?: number;
|
|
8837
|
-
/** Whether tooltip should automatically adjust position if it would render outside viewport */
|
|
8838
|
-
optimalPlacement?: boolean;
|
|
8839
|
-
/** ARIA attributes configuration for accessibility */
|
|
8840
|
-
accessibilityConfig?: IAccessibilityConfigBase;
|
|
8841
|
-
/**
|
|
8842
|
-
* Tooltip styling variant
|
|
8843
|
-
* @defaultValue "default"
|
|
8844
|
-
*/
|
|
8845
|
-
variant?: "default" | "error" | "none";
|
|
8846
|
-
/**
|
|
8847
|
-
* Tooltip behaviour of position
|
|
8848
|
-
*/
|
|
8849
|
-
behaviour?: "tooltip" | "popover";
|
|
8850
|
-
/** If the tooltip is disabled, only the anchor element will be shown */
|
|
8851
|
-
disabled?: boolean;
|
|
8852
|
-
/**
|
|
8853
|
-
* Occurs when the tooltip is opened
|
|
8854
|
-
*/
|
|
8855
|
-
onOpen?: () => void;
|
|
8856
|
-
/**
|
|
8857
|
-
* Occurs when the tooltip is closed
|
|
8858
|
-
*/
|
|
8859
|
-
onClose?: () => void;
|
|
8860
|
-
/**
|
|
8861
|
-
* Controls the open state of the tooltip, overrides the triggerBy prop if set
|
|
8862
|
-
*/
|
|
8863
|
-
isOpen?: boolean;
|
|
8864
|
-
/**
|
|
8865
|
-
* Custom styles for the anchor wrapper element
|
|
8866
|
-
*/
|
|
8867
|
-
anchorWrapperStyles?: CSSProperties;
|
|
8868
|
-
}
|
|
8899
|
+
export declare function UiTooltip({ id, anchor, content, behaviour, arrowPlacement, triggerBy, hoverOpenDelay, hoverCloseDelay, showArrow, width, offset: offsetProp, optimalPlacement, accessibilityConfig, variant, disabled, isOpen: isOpenProp, onOpen, onClose, anchorWrapperStyles, }: IUiTooltipProps): JSX.Element;
|
|
8869
8900
|
|
|
8870
8901
|
/**
|
|
8871
8902
|
* @internal
|
|
@@ -8947,9 +8978,9 @@ export declare function unwrapGroupItems<T extends IUiMenuItemData = object>(ite
|
|
|
8947
8978
|
*
|
|
8948
8979
|
* @internal
|
|
8949
8980
|
*/
|
|
8950
|
-
export declare function useAsyncTableResponsiveColumns<T>(columns: Array<
|
|
8981
|
+
export declare function useAsyncTableResponsiveColumns<T>(columns: Array<IUiAsyncTableColumnDefinitionResponsive<T>>, hasCheckbox?: boolean): {
|
|
8951
8982
|
ref: RefObject<HTMLDivElement | null>;
|
|
8952
|
-
columns:
|
|
8983
|
+
columns: IUiAsyncTableColumnDefinitionResponsive<T>[];
|
|
8953
8984
|
};
|
|
8954
8985
|
|
|
8955
8986
|
/**
|
|
@@ -8996,13 +9027,13 @@ export declare function useComboboxState(): IUiComboboxState;
|
|
|
8996
9027
|
export declare function useCurrencyFormatDefaults({ metricType, currencyFormatOverride, onFormatChange, shouldBootstrap, fallbackFormat, }: UseCurrencyFormatDefaultsConfig): void;
|
|
8997
9028
|
|
|
8998
9029
|
/** @internal */
|
|
8999
|
-
export declare
|
|
9030
|
+
export declare type UseCurrencyFormatDefaultsConfig = {
|
|
9000
9031
|
metricType?: MetricType;
|
|
9001
9032
|
currencyFormatOverride?: string | null;
|
|
9002
9033
|
onFormatChange: (format: string | null) => void;
|
|
9003
9034
|
shouldBootstrap: boolean;
|
|
9004
9035
|
fallbackFormat?: string;
|
|
9005
|
-
}
|
|
9036
|
+
};
|
|
9006
9037
|
|
|
9007
9038
|
/**
|
|
9008
9039
|
* @internal
|
|
@@ -9138,7 +9169,7 @@ export declare function useMetricTypePresets({ metricType, currencyFormatOverrid
|
|
|
9138
9169
|
* Configuration for the useMetricTypePresets hook.
|
|
9139
9170
|
* @internal
|
|
9140
9171
|
*/
|
|
9141
|
-
export declare
|
|
9172
|
+
export declare type UseMetricTypePresetsConfig = {
|
|
9142
9173
|
/**
|
|
9143
9174
|
* The metric type. When "CURRENCY", currency-specific presets are shown.
|
|
9144
9175
|
* When undefined, standard numeric presets are shown.
|
|
@@ -9155,13 +9186,13 @@ export declare interface UseMetricTypePresetsConfig {
|
|
|
9155
9186
|
formatMessage: (descriptor: {
|
|
9156
9187
|
id: string;
|
|
9157
9188
|
}) => string;
|
|
9158
|
-
}
|
|
9189
|
+
};
|
|
9159
9190
|
|
|
9160
9191
|
/**
|
|
9161
9192
|
* Result from the useMetricTypePresets hook.
|
|
9162
9193
|
* @internal
|
|
9163
9194
|
*/
|
|
9164
|
-
export declare
|
|
9195
|
+
export declare type UseMetricTypePresetsResult = {
|
|
9165
9196
|
/**
|
|
9166
9197
|
* Format presets based on metric type.
|
|
9167
9198
|
* For CURRENCY: currency presets with optional inherit preset.
|
|
@@ -9178,7 +9209,7 @@ export declare interface UseMetricTypePresetsResult {
|
|
|
9178
9209
|
* The inherit preset if available (only for CURRENCY with override).
|
|
9179
9210
|
*/
|
|
9180
9211
|
inheritPreset: IFormatPreset | null;
|
|
9181
|
-
}
|
|
9212
|
+
};
|
|
9182
9213
|
|
|
9183
9214
|
/**
|
|
9184
9215
|
* Hook to get current instance of the {@link OverlayController}
|
|
@@ -9264,19 +9295,7 @@ export declare function useStandardPresets(formatMessage: (descriptor: {
|
|
|
9264
9295
|
/**
|
|
9265
9296
|
* @internal
|
|
9266
9297
|
*/
|
|
9267
|
-
export declare const useToastMessage: () =>
|
|
9268
|
-
|
|
9269
|
-
/**
|
|
9270
|
-
* @internal
|
|
9271
|
-
*/
|
|
9272
|
-
export declare interface UseToastMessageType {
|
|
9273
|
-
addSuccess: AddMessageType;
|
|
9274
|
-
addProgress: AddMessageType;
|
|
9275
|
-
addWarning: AddMessageType;
|
|
9276
|
-
addError: AddMessageType;
|
|
9277
|
-
removeMessage: (id: string) => void;
|
|
9278
|
-
removeAllMessages: () => void;
|
|
9279
|
-
}
|
|
9298
|
+
export declare const useToastMessage: () => IUseToastMessageType;
|
|
9280
9299
|
|
|
9281
9300
|
/**
|
|
9282
9301
|
* @internal
|
|
@@ -9430,8 +9449,8 @@ export declare function ZoomProvider({ children }: ZoomProviderProps): JSX.Eleme
|
|
|
9430
9449
|
* @internal
|
|
9431
9450
|
* Props for the ZoomProvider component
|
|
9432
9451
|
*/
|
|
9433
|
-
export declare
|
|
9452
|
+
export declare type ZoomProviderProps = {
|
|
9434
9453
|
children: ReactNode;
|
|
9435
|
-
}
|
|
9454
|
+
};
|
|
9436
9455
|
|
|
9437
9456
|
export { }
|