@gooddata/sdk-ui-kit 11.56.0-alpha.0 → 11.56.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/@ui/@dev/ComponentTable.d.ts +1 -1
- package/esm/@ui/@dev/ComponentTable.d.ts.map +1 -1
- package/esm/@ui/@dev/ComponentTable.js +1 -2
- package/esm/@ui/@types/icon.d.ts +1 -1
- package/esm/@ui/@types/icon.d.ts.map +1 -1
- package/esm/@ui/@utils/bem.d.ts.map +1 -1
- package/esm/@ui/@utils/keyboardNavigation.d.ts +11 -11
- package/esm/@ui/@utils/keyboardNavigation.d.ts.map +1 -1
- package/esm/@ui/@utils/size.d.ts +2 -1
- package/esm/@ui/@utils/size.d.ts.map +1 -1
- package/esm/@ui/@utils/useKeyboardNavigationTarget.d.ts.map +1 -1
- package/esm/@ui/UiAddGranteeDialog/UiAddGranteeDialogCard.d.ts.map +1 -1
- package/esm/@ui/UiAddGranteeDialog/UiAddGranteeDialogCard.js +1 -5
- package/esm/@ui/UiAddGranteeDialog/useGranteeSelection.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/SkeletonItemFactory.d.ts.map +1 -1
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTable.js +1 -3
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableDropdownItem.js +1 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableEmptyState.js +1 -3
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableFilter.js +1 -5
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableHeader.js +1 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableRow.js +1 -2
- package/esm/@ui/UiAsyncTable/UiAsyncTable/UiAsyncTableToolbar.js +5 -13
- 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/UiAsyncTableTitle/UiAsyncTableTitle.js +1 -2
- package/esm/@ui/UiAsyncTable/useAsyncTableSearch.d.ts +1 -1
- package/esm/@ui/UiAsyncTable/useAsyncTableSearch.d.ts.map +1 -1
- package/esm/@ui/UiAutocomplete/UiAutocomplete.js +3 -7
- package/esm/@ui/UiAutocomplete/types.d.ts.map +1 -1
- package/esm/@ui/UiAutocomplete/useAsyncListSource.d.ts.map +1 -1
- package/esm/@ui/UiBreadcrumb/UiBreadcrumb.js +1 -2
- package/esm/@ui/UiCertificationIcon/UiCertificationIcon.js +1 -8
- package/esm/@ui/UiCheckbox/UiCheckbox.js +2 -5
- package/esm/@ui/UiColorPicker/UiColorPicker.js +2 -5
- package/esm/@ui/UiColorPicker/components/UiColorSlider.js +2 -4
- package/esm/@ui/UiColorPicker/components/UiColorValueField.js +1 -2
- package/esm/@ui/UiCombobox/UiComboboxListItem.d.ts +1 -1
- package/esm/@ui/UiCombobox/UiComboboxListItem.d.ts.map +1 -1
- package/esm/@ui/UiCombobox/UiComboboxListItem.js +1 -2
- package/esm/@ui/UiCombobox/types.d.ts.map +1 -1
- package/esm/@ui/UiCombobox/useComboboxSelection.d.ts.map +1 -1
- package/esm/@ui/UiConfigEditor/ConfigEditorToolbar.js +2 -4
- package/esm/@ui/UiConfigEditor/UiConfigEditor.js +2 -4
- package/esm/@ui/UiConfigEditor/types.d.ts.map +1 -1
- package/esm/@ui/UiConfirmDialog/UiConfirmDialogCard.d.ts.map +1 -1
- package/esm/@ui/UiConfirmDialog/UiConfirmDialogCard.js +1 -5
- package/esm/@ui/UiControlButton/UiControlButton.js +1 -4
- package/esm/@ui/UiDrawer/UiDrawer.js +2 -6
- package/esm/@ui/UiDropdown/UiDropdown.js +2 -4
- package/esm/@ui/UiErrorPage/UiErrorPage.js +1 -4
- package/esm/@ui/UiFocusManager/UiAutofocus.d.ts.map +1 -1
- package/esm/@ui/UiFocusManager/UiFocusManager.d.ts.map +1 -1
- package/esm/@ui/UiFocusManager/UiFocusTrap.d.ts.map +1 -1
- package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.d.ts.map +1 -1
- package/esm/@ui/UiFocusManager/UiReturnFocusOnUnmount.js +9 -1
- package/esm/@ui/UiFocusManager/UiTabOutHandler.d.ts +1 -1
- package/esm/@ui/UiFocusManager/UiTabOutHandler.d.ts.map +1 -1
- package/esm/@ui/UiFocusManager/utils.d.ts +1 -1
- package/esm/@ui/UiFocusManager/utils.d.ts.map +1 -1
- package/esm/@ui/UiGeneralAccessRadio/UiGeneralAccessRadio.d.ts.map +1 -1
- package/esm/@ui/UiGeneralAccessRadio/UiGeneralAccessRadio.js +2 -4
- package/esm/@ui/UiGranteeAsyncPicker/UiGranteeAsyncPicker.d.ts.map +1 -1
- package/esm/@ui/UiGranteeAsyncPicker/UiGranteeAsyncPicker.js +2 -5
- package/esm/@ui/UiGranteeAvatar/UiGranteeAvatar.d.ts.map +1 -1
- package/esm/@ui/UiGranteeRow/UiGranteeRow.d.ts.map +1 -1
- package/esm/@ui/UiGranteeRow/UiGranteeRow.js +1 -3
- package/esm/@ui/UiGranteeRowControls/UiGranteeRowControls.d.ts.map +1 -1
- package/esm/@ui/UiGranteeRowControls/UiGranteeRowControls.js +1 -2
- package/esm/@ui/UiIcon/icons.d.ts.map +1 -1
- package/esm/@ui/UiIcon/icons.js +58 -168
- package/esm/@ui/UiIconButton/UiIconButtonRenderer.js +1 -2
- package/esm/@ui/UiInlineTextGenerator/UiInlineTextGenerator.js +1 -2
- package/esm/@ui/UiLabelsChecklist/UiLabelsChecklist.d.ts +1 -1
- package/esm/@ui/UiLabelsChecklist/UiLabelsChecklist.d.ts.map +1 -1
- package/esm/@ui/UiLabelsChecklist/UiLabelsChecklist.js +1 -5
- package/esm/@ui/UiLabelsList/UiLabelsList.js +1 -2
- package/esm/@ui/UiListbox/UiListbox.js +1 -5
- package/esm/@ui/UiListbox/defaults/DefaultUiListboxInteractiveItemComponent.js +1 -3
- package/esm/@ui/UiMenu/UiMenu.js +3 -7
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuContent.js +1 -2
- package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuGroupItem.js +1 -2
- package/esm/@ui/UiMenu/context.d.ts.map +1 -1
- package/esm/@ui/UiMenu/itemUtils.d.ts +3 -3
- package/esm/@ui/UiMenu/itemUtils.d.ts.map +1 -1
- package/esm/@ui/UiModalDialog/UiDialogBody.d.ts.map +1 -1
- package/esm/@ui/UiModalDialog/UiDialogHeader.d.ts.map +1 -1
- package/esm/@ui/UiNavigationBypass/UiNavigationBypass.js +1 -3
- package/esm/@ui/UiObjectShareDialog/UiObjectShareDialogCard.d.ts.map +1 -1
- package/esm/@ui/UiObjectShareDialog/UiObjectShareDialogCard.js +1 -4
- package/esm/@ui/UiPermissionMenu/UiPermissionMenu.d.ts.map +1 -1
- package/esm/@ui/UiPermissionMenu/UiPermissionMenu.js +1 -2
- package/esm/@ui/UiRadio/UiRadio.d.ts.map +1 -1
- package/esm/@ui/UiRadio/UiRadio.js +1 -4
- package/esm/@ui/UiRadioRow/UiRadioRow.d.ts.map +1 -1
- package/esm/@ui/UiRadioRow/UiRadioRow.js +1 -3
- package/esm/@ui/UiSectionHeading/UiSectionHeading.js +1 -2
- package/esm/@ui/UiTabs/context.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabs.js +1 -2
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.d.ts +2 -4
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.d.ts.map +1 -1
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsContainer.js +2 -4
- package/esm/@ui/UiTabs/defaultComponents/DefaultUiTabsTab.js +1 -3
- package/esm/@ui/UiTag/UiTag.js +1 -2
- package/esm/@ui/UiTags/UiTags.js +3 -9
- package/esm/@ui/UiTags/interactions.d.ts.map +1 -1
- package/esm/@ui/UiTextInput/UiTextInput.js +1 -2
- package/esm/@ui/UiToast/UiToastsContainer.js +2 -4
- package/esm/@ui/UiToast/types.d.ts.map +1 -1
- package/esm/@ui/UiTooltip/UiTooltip.js +1 -2
- package/esm/@ui/UiTooltip/utils.d.ts +4 -4
- package/esm/@ui/UiTooltip/utils.d.ts.map +1 -1
- package/esm/@ui/UiTreeview/UITreeviewItem.js +1 -2
- package/esm/@ui/UiTreeview/UiTreeViewEvents.d.ts.map +1 -1
- package/esm/@ui/hooks/useScopedId.d.ts +1 -1
- package/esm/@ui/hooks/useScopedId.d.ts.map +1 -1
- package/esm/@ui/hooks/useVirtualizerRectObserver.d.ts.map +1 -1
- package/esm/AddButton/AddButton.js +1 -3
- package/esm/Bubble/Bubble.js +1 -5
- package/esm/Bubble/BubbleTrigger.js +1 -2
- package/esm/Bubble/withBubble.js +1 -3
- package/esm/Button/Button.js +1 -3
- package/esm/CatalogItemPicker/CatalogItemPickerBody.js +1 -3
- package/esm/CatalogItemPicker/CatalogItemPickerParts.js +3 -7
- package/esm/CatalogItemPicker/DateDatasetPickerItem.js +3 -6
- package/esm/CatalogItemPicker/messages.d.ts.map +1 -1
- package/esm/CatalogItemPicker/useCatalogItemPicker.d.ts +2 -2
- package/esm/CatalogItemPicker/useCatalogItemPickerState.d.ts +1 -1
- package/esm/CatalogItemPicker/useCatalogItemPickerState.d.ts.map +1 -1
- package/esm/CatalogItemPicker/utils.d.ts +3 -3
- package/esm/CatalogItemPicker/utils.d.ts.map +1 -1
- package/esm/ChartSorting/ChartSorting.js +1 -5
- package/esm/ChartSorting/ChartSortingDropdown.js +1 -2
- package/esm/ChartSorting/MeasureDropdown/MeasureDropdown.js +3 -7
- package/esm/ChartSorting/types.js +1 -2
- package/esm/ColorPicker/ColorPicker.js +1 -7
- package/esm/ColorPicker/components/ColorPickerMatrix.d.ts +2 -1
- package/esm/ColorPicker/components/ColorPickerMatrix.d.ts.map +1 -1
- package/esm/ColorPicker/components/ColorPickerMatrix.js +1 -3
- package/esm/ColorPicker/components/ColorsPreview.d.ts +2 -1
- package/esm/ColorPicker/components/ColorsPreview.d.ts.map +1 -1
- package/esm/ColorPicker/components/ColorsPreview.js +2 -6
- package/esm/ColorPicker/components/HexColorInput.d.ts +2 -1
- package/esm/ColorPicker/components/HexColorInput.d.ts.map +1 -1
- package/esm/ColorPicker/components/HexColorInput.js +1 -3
- package/esm/ColorPicker/components/HueColorPicker.d.ts +1 -1
- package/esm/ColorPicker/components/HueColorPicker.d.ts.map +1 -1
- package/esm/DateDatasets/dateDatasets.d.ts.map +1 -1
- package/esm/Datepicker/Datepicker.js +2 -4
- package/esm/DescriptionPanel/DescriptionPanel.d.ts.map +1 -1
- package/esm/DescriptionPanel/DescriptionPanel.js +1 -3
- package/esm/DescriptionPanel/EllipsisText.js +1 -4
- package/esm/DescriptionPanel/MetadataList.js +1 -4
- package/esm/Dialog/CommunityEditionDialog.js +1 -3
- package/esm/Dialog/ConfirmDialogBase.js +1 -3
- package/esm/Dialog/ConfirmDialogFooter.js +1 -2
- package/esm/Dialog/CsvDelimiterPicker.d.ts.map +1 -1
- package/esm/Dialog/CsvDelimiterPicker.js +3 -6
- package/esm/Dialog/DialogBase.js +1 -3
- package/esm/Dialog/DialogCloseButton.js +1 -5
- package/esm/Dialog/DialogList/DialogListHeader.js +1 -2
- package/esm/Dialog/DialogList/DialogListItemBasic.js +2 -7
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/EmbedInsightDialogBase.js +1 -2
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/CodeLanguageSelect.js +1 -7
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/CodeOptions.js +1 -2
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/CompleteListPropsMessage.js +1 -3
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/ComponentTypeItem.js +1 -4
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/ComponentTypeSelect.js +1 -3
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/EmbedInsightContent.js +1 -5
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/HeightSetting.js +1 -3
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/LocaleSetting.js +1 -2
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/NumericInput.js +1 -2
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/PrepareEnvMessage.js +1 -3
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/ReactOptions.js +1 -3
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/ToggleSwitch.js +1 -6
- package/esm/Dialog/EmbedInsightDialog/EmbedInsightDialogBase/components/WebComponentsOptions.js +1 -2
- package/esm/Dialog/EmbedInsightDialog/utils.d.ts.map +1 -1
- package/esm/Dialog/ExportDialogBase.js +1 -4
- package/esm/Dialog/ExportTabularPdfDialog.js +2 -5
- package/esm/Dialog/FooterButtons.js +1 -2
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeBase.js +1 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/AddGranteeContent.js +1 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/AsyncSelectComponents.js +1 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/ComponentInteractionContext.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ComponentLabelsContext.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeIcons.js +2 -6
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranteeItem.js +4 -14
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeGroupItem.js +2 -4
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularGranteeUserItem.js +2 -5
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/GranularPermissionsDropdownBody.js +1 -2
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/permissionsLogic.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/GranularPermissions/usePermissionsDropdownState.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeBase.js +1 -2
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareGranteeContent.js +1 -4
- package/esm/Dialog/ShareDialog/ShareDialogBase/ShareLink.js +2 -4
- package/esm/Dialog/ShareDialog/ShareDialogBase/SharedObjectCheckboxControl.js +1 -3
- package/esm/Dialog/ShareDialog/ShareDialogBase/backend/loadGranteeOptionsPromise.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/backend/useGetAccessList.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/types.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/useShareDialogBase.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/utils.d.ts +1 -1
- package/esm/Dialog/ShareDialog/ShareDialogBase/utils.d.ts.map +1 -1
- package/esm/Dialog/ShareDialog/shareDialogMappers.d.ts +2 -2
- package/esm/Dialog/ShareDialog/shareDialogMappers.d.ts.map +1 -1
- package/esm/Dialog/StylingEditorDialog/BubbleHeaderSeparator.js +1 -4
- package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.js +5 -18
- package/esm/Dialog/StylingEditorDialog/StylingEditorDialogFooter.js +1 -5
- package/esm/Dialog/StylingEditorDialog/StylingExample.js +1 -5
- package/esm/Dropdown/Dropdown.js +2 -4
- package/esm/Dropdown/DropdownInvertableSelect.js +1 -5
- package/esm/Dropdown/DropdownList.js +2 -4
- package/esm/Dropdown/customDictionary.d.ts.map +1 -1
- package/esm/FileUpload/FileDropzone/FileDropzone.js +2 -4
- package/esm/FileUpload/FilePickerButton/FilePickerButton.js +1 -3
- package/esm/FileUpload/UploadFileList/UploadFileList.js +2 -6
- package/esm/FileUpload/UploadStatusDialog/UploadStatusDialog.js +2 -7
- package/esm/FileUpload/hooks/useFileInput.d.ts.map +1 -1
- package/esm/FileUpload/parseAcceptedTypes.d.ts.map +1 -1
- package/esm/FileUpload/types.d.ts.map +1 -1
- package/esm/FilterGroupItem/FilterGroupItem.d.ts.map +1 -1
- package/esm/FilterGroupItem/FilterGroupItem.js +1 -9
- package/esm/FilterLabel/FilterLabel.js +1 -2
- package/esm/Form/Checkbox.js +1 -4
- package/esm/Form/InputPure.d.ts.map +1 -1
- package/esm/Form/InputPure.js +3 -6
- package/esm/Header/Header.js +6 -17
- package/esm/Header/Header.test.helpers.d.ts.map +1 -1
- package/esm/Header/HeaderAccount.js +1 -2
- package/esm/Header/HeaderBadgeWithModal.js +1 -2
- package/esm/Header/HeaderDataMenu.js +1 -2
- package/esm/Header/HeaderHelp.js +2 -4
- package/esm/Header/HeaderMenu.d.ts +2 -1
- package/esm/Header/HeaderMenu.d.ts.map +1 -1
- package/esm/Header/HeaderMenu.js +1 -2
- package/esm/Header/HeaderSearchButton.js +1 -2
- package/esm/Header/HeaderUpsellButton.js +1 -3
- package/esm/Header/HeaderWorkspacePickerItem.js +1 -2
- package/esm/Header/WorkspacePickerHomeFooter.js +1 -2
- package/esm/Icon/icons/AlertPaused.js +1 -3
- package/esm/Icon/icons/BoldHyperlink.js +1 -3
- package/esm/Icon/icons/ColumnContainer.js +1 -3
- package/esm/Icon/icons/Columns.js +1 -5
- package/esm/Icon/icons/Dashboard.js +1 -3
- package/esm/Icon/icons/Date.js +1 -5
- package/esm/Icon/icons/Ellipsis.js +1 -3
- package/esm/Icon/icons/Explore.js +1 -3
- package/esm/Icon/icons/GenAI.js +1 -3
- package/esm/Icon/icons/GenAI2.js +1 -3
- package/esm/Icon/icons/Hash.js +1 -3
- package/esm/Icon/icons/Header.js +1 -3
- package/esm/Icon/icons/Image.js +1 -3
- package/esm/Icon/icons/InsightIcons/Bubble.js +1 -3
- package/esm/Icon/icons/InsightIcons/Bullet.js +1 -3
- package/esm/Icon/icons/InsightIcons/Combo.js +1 -3
- package/esm/Icon/icons/InsightIcons/DependencyWheel.js +1 -5
- package/esm/Icon/icons/InsightIcons/Donut.js +1 -3
- package/esm/Icon/icons/InsightIcons/Funnel.js +1 -3
- package/esm/Icon/icons/InsightIcons/Geo.js +1 -3
- package/esm/Icon/icons/InsightIcons/HeadlineChart.js +1 -3
- package/esm/Icon/icons/InsightIcons/HeatMap.js +1 -3
- package/esm/Icon/icons/InsightIcons/Line.js +1 -3
- package/esm/Icon/icons/InsightIcons/Pie.js +1 -3
- package/esm/Icon/icons/InsightIcons/Pyramid.js +1 -3
- package/esm/Icon/icons/InsightIcons/Radar.js +1 -5
- package/esm/Icon/icons/InsightIcons/Repeater.js +1 -3
- package/esm/Icon/icons/InsightIcons/Sankey.js +1 -3
- package/esm/Icon/icons/InsightIcons/ScatterPlot.js +1 -3
- package/esm/Icon/icons/InsightIcons/StackedArea.js +1 -3
- package/esm/Icon/icons/InsightIcons/Table.js +1 -3
- package/esm/Icon/icons/InsightIcons/TreeMap.js +1 -3
- package/esm/Icon/icons/InsightIcons/Waterfall.js +1 -3
- package/esm/Icon/icons/InsightPicker.js +1 -3
- package/esm/Icon/icons/Keyword.js +1 -3
- package/esm/Icon/icons/Many.js +1 -3
- package/esm/Icon/icons/Metric.js +1 -3
- package/esm/Icon/icons/RichText.js +1 -3
- package/esm/Icon/icons/Rows.js +1 -3
- package/esm/Icon/icons/SimplifiedDashboard.js +1 -3
- package/esm/Icon/icons/User.js +1 -3
- package/esm/Icon/icons/UserGroup.js +1 -3
- package/esm/Icon/utils.d.ts +1 -1
- package/esm/Icon/utils.d.ts.map +1 -1
- package/esm/List/AsyncList.js +1 -3
- package/esm/List/InsightListItem.js +2 -6
- package/esm/List/InsightListItemDate.js +1 -7
- package/esm/List/InvertableSelect/InvertableSelect.js +2 -4
- package/esm/List/InvertableSelect/InvertableSelectAllCheckbox.js +1 -2
- package/esm/List/InvertableSelect/InvertableSelectItem.js +1 -4
- package/esm/List/InvertableSelect/InvertableSelectSelectionStatus.js +1 -2
- package/esm/List/InvertableSelect/InvertableSelectVirtualised.js +2 -4
- package/esm/List/InvertableSelect/useInvertableSelect.d.ts.map +1 -1
- package/esm/List/LegacyMultiSelectList.d.ts.map +1 -1
- package/esm/List/LegacyMultiSelectList.js +3 -9
- package/esm/List/LegacyMultiSelectListItem.js +1 -4
- package/esm/List/LegacySingleSelectListItem.js +1 -2
- package/esm/List/ListItem.js +2 -5
- package/esm/List/MultiSelectList.js +3 -9
- package/esm/List/MultiSelectListItem.js +1 -4
- package/esm/List/customDictionary.d.ts.map +1 -1
- package/esm/LoadingSpinner/LoadingSpinner.js +1 -3
- package/esm/Menu/menuOpener/MenuOpenedByClick.js +1 -9
- package/esm/Menu/positioning/MenuPosition.js +1 -3
- package/esm/Messages/toasts/ToastsCenter.js +1 -3
- package/esm/Messages/toasts/ToastsCenterMessage.js +2 -6
- package/esm/Messages/toasts/context.d.ts +1 -1
- package/esm/Messages/toasts/context.d.ts.map +1 -1
- package/esm/Messages/toasts/useToastMessage.d.ts.map +1 -1
- package/esm/Overlay/FullScreenOverlay.d.ts.map +1 -1
- package/esm/Overlay/Overlay.d.ts.map +1 -1
- package/esm/Overlay/Overlay.js +1 -2
- package/esm/Overlay/OverlayContext.d.ts.map +1 -1
- package/esm/ParameterControl/ParameterControlDropdown.js +2 -12
- package/esm/ParameterControl/ParameterInput.js +1 -4
- package/esm/ParameterPicker/ParameterPicker.js +5 -13
- package/esm/RecurrenceForm/CronExpression.js +2 -7
- package/esm/RecurrenceForm/DateTime.js +2 -7
- package/esm/RecurrenceForm/Recurrence.js +2 -5
- package/esm/RecurrenceForm/RecurrenceForm.js +1 -2
- package/esm/RecurrenceForm/constants.d.ts.map +1 -1
- package/esm/RecurrenceForm/useCronValidation.d.ts.map +1 -1
- package/esm/RecurrenceForm/useCronValidation.js +1 -2
- package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.d.ts +2 -1
- package/esm/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.d.ts.map +1 -1
- package/esm/RecurrenceForm/utils/utils.d.ts +4 -3
- package/esm/RecurrenceForm/utils/utils.d.ts.map +1 -1
- package/esm/RichText/RichTextWithTooltip.js +1 -12
- package/esm/RichText/hooks/useEvaluatedMetricsAndAttributes.d.ts.map +1 -1
- package/esm/RichText/plugins/rehype-references.d.ts.map +1 -1
- package/esm/RichText/plugins/remark-references.d.ts.map +1 -1
- package/esm/ScrollGradient/ScrollGradient.js +1 -3
- package/esm/ScrollablePanel/ScrollContext.d.ts +3 -3
- package/esm/ScrollablePanel/ScrollContext.d.ts.map +1 -1
- package/esm/SettingItem/SettingItem.js +2 -11
- package/esm/SettingWidget/FooterButtons.js +1 -2
- package/esm/SettingWidget/SimpleSettingsWidget/SimpleSettingWidget.js +1 -4
- package/esm/SettingWidget/StylingSettingWidget/StylingSettingBody.js +2 -8
- package/esm/SettingWidget/StylingSettingWidget/StylingSettingListItem.js +1 -6
- package/esm/SettingWidget/StylingSettingWidget/StylingSettingWidget.js +1 -5
- package/esm/SettingWidget/StylingSettingWidget/utils.d.ts.map +1 -1
- package/esm/SettingWidget/TooltipIcon.js +1 -3
- package/esm/SettingWidget/constants.d.ts.map +1 -1
- package/esm/ShortenedText/ShortenedText.js +2 -5
- package/esm/Timepicker/Timepicker.d.ts +1 -1
- package/esm/Timepicker/Timepicker.d.ts.map +1 -1
- package/esm/WidgetNotice/WidgetNotice.js +1 -6
- package/esm/ZoomContext/ZoomContext.d.ts.map +1 -1
- package/esm/locales.d.ts.map +1 -1
- package/esm/measureNumberFormat/MeasureNumberFormat.js +1 -2
- package/esm/measureNumberFormat/customFormatDialog/CustomFormatDialog.d.ts +1 -1
- package/esm/measureNumberFormat/customFormatDialog/CustomFormatDialog.d.ts.map +1 -1
- package/esm/measureNumberFormat/customFormatDialog/CustomFormatDialog.js +1 -7
- package/esm/measureNumberFormat/customFormatDialog/DocumentationLink.js +1 -3
- package/esm/measureNumberFormat/customFormatDialog/FormatInput.d.ts +1 -1
- package/esm/measureNumberFormat/customFormatDialog/FormatInput.d.ts.map +1 -1
- package/esm/measureNumberFormat/customFormatDialog/FormatInput.js +1 -4
- package/esm/measureNumberFormat/customFormatDialog/formatTemplatesDropdown/DropdownItem.d.ts +1 -1
- package/esm/measureNumberFormat/customFormatDialog/formatTemplatesDropdown/DropdownItem.d.ts.map +1 -1
- package/esm/measureNumberFormat/customFormatDialog/formatTemplatesDropdown/DropdownItem.js +1 -6
- package/esm/measureNumberFormat/customFormatDialog/formatTemplatesDropdown/DropdownToggleButton.js +1 -3
- package/esm/measureNumberFormat/customFormatDialog/formatTemplatesDropdown/FormatTemplatesDropdown.d.ts +1 -1
- package/esm/measureNumberFormat/customFormatDialog/formatTemplatesDropdown/FormatTemplatesDropdown.d.ts.map +1 -1
- package/esm/measureNumberFormat/customFormatDialog/formatTemplatesDropdown/FormatTemplatesDropdown.js +1 -2
- package/esm/measureNumberFormat/customFormatDialog/previewSection/ExtendedPreview.d.ts +1 -1
- package/esm/measureNumberFormat/customFormatDialog/previewSection/ExtendedPreview.d.ts.map +1 -1
- package/esm/measureNumberFormat/customFormatDialog/previewSection/ExtendedPreview.js +2 -5
- package/esm/measureNumberFormat/customFormatDialog/previewSection/Preview.d.ts +1 -1
- package/esm/measureNumberFormat/customFormatDialog/previewSection/Preview.d.ts.map +1 -1
- package/esm/measureNumberFormat/customFormatDialog/previewSection/Preview.js +1 -5
- package/esm/measureNumberFormat/customFormatDialog/shared/PreviewRows.js +1 -3
- package/esm/measureNumberFormat/presetsDropdown/PresetsDropdown.d.ts +1 -1
- package/esm/measureNumberFormat/presetsDropdown/PresetsDropdown.d.ts.map +1 -1
- package/esm/measureNumberFormat/presetsDropdown/PresetsDropdownItem.d.ts +1 -1
- package/esm/measureNumberFormat/presetsDropdown/PresetsDropdownItem.d.ts.map +1 -1
- package/esm/measureNumberFormat/presetsDropdown/PresetsDropdownItem.js +1 -2
- package/esm/measureNumberFormat/typings.js +1 -2
- package/esm/responsive/ResponsiveContext.d.ts.map +1 -1
- package/esm/responsive/useMediaQuery.d.ts.map +1 -1
- package/esm/sdk-ui-kit.d.ts +37 -39
- package/esm/syntaxHighlightingInput/hooks/useAutocompletion.d.ts.map +1 -1
- package/esm/syntaxHighlightingInput/hooks/useEventHandlers.d.ts.map +1 -1
- package/esm/typings/positioning.js +1 -2
- package/esm/typings/utilities.js +1 -2
- package/esm/utils/domUtilities.d.ts +7 -7
- package/esm/utils/domUtilities.d.ts.map +1 -1
- package/esm/utils/domUtilities.js +3 -1
- package/esm/utils/events.d.ts +9 -9
- package/esm/utils/events.d.ts.map +1 -1
- package/esm/utils/overlay.d.ts.map +1 -1
- package/esm/utils/positioning.d.ts.map +1 -1
- package/esm/utils/useId.d.ts +1 -1
- package/esm/utils/useId.d.ts.map +1 -1
- package/package.json +13 -13
- package/src/@ui/UiChip/UiChip.scss +6 -6
- package/src/@ui/UiIcon/UiIcon.scss +2 -1
- package/src/@ui/UiLink/UiLink.scss +5 -6
- package/src/CatalogItemPicker/CatalogItemPicker.scss +12 -0
- package/src/FileUpload/UploadStatusDialog/UploadStatusDialog.scss +1 -2
- package/styles/css/dialog.css.map +1 -1
- package/styles/css/header.css.map +1 -1
- package/styles/css/main.css +7 -1
- package/styles/css/main.css.map +1 -1
- package/styles/css/messages.css +1 -1
- package/styles/css/messages.css.map +1 -1
- package/styles/css/overlay.css.map +1 -1
- package/styles/scss/dialog.scss +4 -5
- package/styles/scss/header.scss +1 -2
- package/styles/scss/messages.scss +12 -12
- package/styles/scss/overlay.scss +2 -2
|
@@ -16,7 +16,6 @@ export const UiIconButtonRenderer = forwardRef(({ icon, iconColor, iconAfter, ic
|
|
|
16
16
|
variant,
|
|
17
17
|
active: isActive ?? false,
|
|
18
18
|
destructive: variant === "tertiary" && (isDesctructive ?? false),
|
|
19
|
-
}), id: id, disabled: isDisabled, onClick: onClick, onKeyDown: onKeyDown, "data-id": dataId, "data-testid": testId, "aria-disabled": isDisabled, "aria-label": label, tabIndex: tabIndex, ...accessibilityConfigToAttributes(accessibilityConfig), ...ariaAttributes, children: [
|
|
20
|
-
_jsx(UiIcon, { type: icon, size: iconSize, color: iconColor, disableAnimation: disableAnimation }), iconAfter ? _jsx(UiIcon, { type: iconAfter, size: getButtonIconSize(iconAfterSize) }) : null] }));
|
|
19
|
+
}), id: id, disabled: isDisabled, onClick: onClick, onKeyDown: onKeyDown, "data-id": dataId, "data-testid": testId, "aria-disabled": isDisabled, "aria-label": label, tabIndex: tabIndex, ...accessibilityConfigToAttributes(accessibilityConfig), ...ariaAttributes, children: [_jsx(UiIcon, { type: icon, size: iconSize, color: iconColor, disableAnimation: disableAnimation }), iconAfter ? _jsx(UiIcon, { type: iconAfter, size: getButtonIconSize(iconAfterSize) }) : null] }));
|
|
21
20
|
});
|
|
22
21
|
UiIconButtonRenderer.displayName = "UiIconButtonRenderer";
|
|
@@ -165,7 +165,6 @@ export const UiInlineTextGenerator = forwardRef(({ value, onSubmit, onCancel, on
|
|
|
165
165
|
const isUndoVisible = !isGenerating && isEditing && isGenerated;
|
|
166
166
|
const hasMultipleActions = isGenerateVisible && isUndoVisible;
|
|
167
167
|
const spinnerLabel = generatingLabel ?? generateButtonLabel;
|
|
168
|
-
return (_jsxs("div", { className: b({ isEditing, isGenerating, isGenerated, hasMultipleActions }), "data-testid": dataTestId, onBlur: handleContainerBlur, children: [
|
|
169
|
-
_jsx(EditableLabel, { ref: setEditableLabelRefs, value: value, onSubmit: handleSubmit, onCancel: handleCancel, onEditingStart: handleEditingStart, onChange: handleChange, ...editableLabelProps }, generationKey), isGenerating ? (_jsx("div", { className: e("action"), children: _jsx(UiTooltip, { triggerBy: ["hover"], anchor: _jsx("span", { className: e("spinner"), "aria-label": spinnerLabel, children: _jsx("span", { className: "gd-spinner small" }) }), content: spinnerLabel }) })) : null, isGenerateVisible || isUndoVisible ? (_jsxs("div", { className: e("action", { hasMultipleActions }), children: [isUndoVisible ? (_jsx("div", { onMouseDown: handleUndoMouseDown, children: _jsx(UiTooltip, { triggerBy: ["hover", "focus"], anchor: _jsx(UiIconButton, { ref: undoButtonRef, icon: "undo", size: "xsmall", variant: "tertiary", dataTestId: undoButtonDataTestId, label: undoButtonLabel, onClick: handleUndoClick }), content: undoButtonLabel }) })) : null, isGenerateVisible ? (_jsx("div", { onMouseDown: handleGenerateMouseDown, children: _jsx(UiTooltip, { triggerBy: ["hover", "focus"], anchor: _jsx(UiIconButton, { ref: generateButtonRef, icon: "ai", size: "xsmall", variant: "tertiary", dataTestId: generateButtonDataTestId, label: generateButtonLabel, onClick: handleGenerateClick }), content: generateButtonLabel }) })) : null] })) : null] }));
|
|
168
|
+
return (_jsxs("div", { className: b({ isEditing, isGenerating, isGenerated, hasMultipleActions }), "data-testid": dataTestId, onBlur: handleContainerBlur, children: [_jsx(EditableLabel, { ref: setEditableLabelRefs, value: value, onSubmit: handleSubmit, onCancel: handleCancel, onEditingStart: handleEditingStart, onChange: handleChange, ...editableLabelProps }, generationKey), isGenerating ? (_jsx("div", { className: e("action"), children: _jsx(UiTooltip, { triggerBy: ["hover"], anchor: _jsx("span", { className: e("spinner"), "aria-label": spinnerLabel, children: _jsx("span", { className: "gd-spinner small" }) }), content: spinnerLabel }) })) : null, isGenerateVisible || isUndoVisible ? (_jsxs("div", { className: e("action", { hasMultipleActions }), children: [isUndoVisible ? (_jsx("div", { onMouseDown: handleUndoMouseDown, children: _jsx(UiTooltip, { triggerBy: ["hover", "focus"], anchor: _jsx(UiIconButton, { ref: undoButtonRef, icon: "undo", size: "xsmall", variant: "tertiary", dataTestId: undoButtonDataTestId, label: undoButtonLabel, onClick: handleUndoClick }), content: undoButtonLabel }) })) : null, isGenerateVisible ? (_jsx("div", { onMouseDown: handleGenerateMouseDown, children: _jsx(UiTooltip, { triggerBy: ["hover", "focus"], anchor: _jsx(UiIconButton, { ref: generateButtonRef, icon: "ai", size: "xsmall", variant: "tertiary", dataTestId: generateButtonDataTestId, label: generateButtonLabel, onClick: handleGenerateClick }), content: generateButtonLabel }) })) : null] })) : null] }));
|
|
170
169
|
});
|
|
171
170
|
UiInlineTextGenerator.displayName = "UiInlineTextGenerator";
|
|
@@ -17,7 +17,7 @@ export interface IUiLabelsChecklistItem {
|
|
|
17
17
|
*
|
|
18
18
|
* @internal
|
|
19
19
|
*/
|
|
20
|
-
export declare const isLabelsChecklistItemChecked: (item: IUiLabelsChecklistItem, selectedIds:
|
|
20
|
+
export declare const isLabelsChecklistItemChecked: (item: IUiLabelsChecklistItem, selectedIds: ReadonlyArray<string>) => boolean;
|
|
21
21
|
/**
|
|
22
22
|
* @internal
|
|
23
23
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiLabelsChecklist.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiLabelsChecklist/UiLabelsChecklist.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAKhE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B,
|
|
1
|
+
{"version":3,"file":"UiLabelsChecklist.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiLabelsChecklist/UiLabelsChecklist.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAKhE;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B,SAC/B,sBAAsB,eACf,aAAa,CAAC,MAAM,CAAC,KACnC,OAAgE,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC7C,2DAA2D;IAC3D,kBAAkB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C,yFAAyF;IACzF,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uEAAuE;IACvE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iGAAiG;IACjG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,KAAK,EACL,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACb,EAAE,uBAAuB,2CAiGzB"}
|
|
@@ -59,9 +59,5 @@ export function UiLabelsChecklist({ items, defaultSelectedIds, onApply, onBack,
|
|
|
59
59
|
return undefined;
|
|
60
60
|
return intl.formatMessage(kind === "primary" ? olpLabelMessages.suffixPrimary : olpLabelMessages.suffixDefault);
|
|
61
61
|
};
|
|
62
|
-
return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [
|
|
63
|
-
_jsx(UiSubmenuHeader, { backButtonRef: focusOnAttach, title: intl.formatMessage(olpLabelMessages.popoverTitle), backAriaLabel: intl.formatMessage(olpLabelMessages.backAriaLabel), height: "medium", onBack: onBack }), _jsx("div", { id: groupId, className: e("items"), role: "group", "aria-label": intl.formatMessage(olpLabelMessages.popoverTitle), onKeyDown: handleKeyDown, children: items.map((item) => (_jsx(UiLabelChecklistRow, { label: item.label, kind: item.kind, suffix: suffixFor(item.kind), checked: isLabelsChecklistItemChecked(item, selected), disabled: item.locked, onChange: (next) => toggle(item.id, next) }, item.id))) }), _jsxs("div", { className: e("actions"), children: [
|
|
64
|
-
_jsx(UiButton, { variant: "secondary", size: "small", label: intl.formatMessage(commonDialogMessages.cancel), onClick: onClose }), _jsx(UiButton, { variant: "primary", size: "small", label: intl.formatMessage(commonDialogMessages.apply), onClick: handleApply, isDisabled: !isDirty })
|
|
65
|
-
] })
|
|
66
|
-
] }));
|
|
62
|
+
return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [_jsx(UiSubmenuHeader, { backButtonRef: focusOnAttach, title: intl.formatMessage(olpLabelMessages.popoverTitle), backAriaLabel: intl.formatMessage(olpLabelMessages.backAriaLabel), height: "medium", onBack: onBack }), _jsx("div", { id: groupId, className: e("items"), role: "group", "aria-label": intl.formatMessage(olpLabelMessages.popoverTitle), onKeyDown: handleKeyDown, children: items.map((item) => (_jsx(UiLabelChecklistRow, { label: item.label, kind: item.kind, suffix: suffixFor(item.kind), checked: isLabelsChecklistItemChecked(item, selected), disabled: item.locked, onChange: (next) => toggle(item.id, next) }, item.id))) }), _jsxs("div", { className: e("actions"), children: [_jsx(UiButton, { variant: "secondary", size: "small", label: intl.formatMessage(commonDialogMessages.cancel), onClick: onClose }), _jsx(UiButton, { variant: "primary", size: "small", label: intl.formatMessage(commonDialogMessages.apply), onClick: handleApply, isDisabled: !isDirty })] })] }));
|
|
67
63
|
}
|
|
@@ -18,6 +18,5 @@ export function UiLabelsList({ items, showHeading = true, dataTestId }) {
|
|
|
18
18
|
return undefined;
|
|
19
19
|
return intl.formatMessage(kind === "primary" ? olpLabelMessages.suffixPrimary : olpLabelMessages.suffixDefault);
|
|
20
20
|
};
|
|
21
|
-
return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [showHeading ? (_jsx("div", { className: e("heading"), children: intl.formatMessage(olpLabelMessages.listHeading) })) : null, _jsx("div", { className: e("items"), role: "list", children: items.map((item) => (_jsx("div", { role: "listitem", children: _jsx(UiLabelRow, { label: item.label, kind: item.kind, suffix: suffixFor(item.kind) }) }, item.id))) })
|
|
22
|
-
] }));
|
|
21
|
+
return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [showHeading ? (_jsx("div", { className: e("heading"), children: intl.formatMessage(olpLabelMessages.listHeading) })) : null, _jsx("div", { className: e("items"), role: "list", children: items.map((item) => (_jsx("div", { role: "listitem", children: _jsx(UiLabelRow, { label: item.label, kind: item.kind, suffix: suffixFor(item.kind) }) }, item.id))) })] }));
|
|
23
22
|
}
|
|
@@ -142,11 +142,7 @@ export function UiListbox({ items: rawItems, dataTestId, itemDataTestId, width,
|
|
|
142
142
|
type: "mouse",
|
|
143
143
|
newTab: e.ctrlKey || e.metaKey || e.button === 1,
|
|
144
144
|
});
|
|
145
|
-
}, item: item, isFocused: index === focusedIndex, isSelected: item.id === selectedItemId, isCompact: isCompact }) }, item.id)) : (
|
|
146
|
-
// Static and separator items are presentational; `role="presentation"`
|
|
147
|
-
// keeps the <li> out of the a11y tree so it isn't exposed as a `listitem`,
|
|
148
|
-
// which is an invalid child of `role="listbox"` (only `option`/`group` allowed).
|
|
149
|
-
_jsx("li", { ref: (el) => {
|
|
145
|
+
}, item: item, isFocused: index === focusedIndex, isSelected: item.id === selectedItemId, isCompact: isCompact }) }, item.id)) : (_jsx("li", { ref: (el) => {
|
|
150
146
|
itemRefs.current[index] = el;
|
|
151
147
|
}, role: "presentation", "data-testid": testId, children: item.type === "separator" ? (_jsx(MenuDivider, {})) : (_jsx(StaticItemComponent, { item: item })) }, item.id ?? index));
|
|
152
148
|
}) }) }));
|
|
@@ -12,7 +12,5 @@ export function DefaultUiListboxInteractiveItemComponent({ item, isFocused, isSe
|
|
|
12
12
|
isSelected,
|
|
13
13
|
isCompact,
|
|
14
14
|
isDisabled: !!item.isDisabled,
|
|
15
|
-
}), onClick: item.isDisabled ? undefined : onSelect, children: [item.icon ? _jsx(UiIcon, { type: item.icon, size: 14, color: "complementary-7" }) : null, _jsx(ShortenedText, { className: e("item-title"), ellipsisPosition: "end", children: item.stringTitle }), item.tooltip ? (_jsxs(_Fragment, { children: [
|
|
16
|
-
_jsx(UiTooltip, { anchor: _jsx("div", { className: e("item-explanation"), children: _jsx(UiIcon, { type: "question", size: 14, color: "complementary-7" }) }), content: item.tooltip, triggerBy: ["hover"], accessibilityHidden: true, arrowPlacement: "left", optimalPlacement: true, width: 200, offset: 10 }), _jsx("span", { className: "sr-only", children: item.tooltip })
|
|
17
|
-
] })) : null] }));
|
|
15
|
+
}), onClick: item.isDisabled ? undefined : onSelect, children: [item.icon ? _jsx(UiIcon, { type: item.icon, size: 14, color: "complementary-7" }) : null, _jsx(ShortenedText, { className: e("item-title"), ellipsisPosition: "end", children: item.stringTitle }), item.tooltip ? (_jsxs(_Fragment, { children: [_jsx(UiTooltip, { anchor: _jsx("div", { className: e("item-explanation"), children: _jsx(UiIcon, { type: "question", size: 14, color: "complementary-7" }) }), content: item.tooltip, triggerBy: ["hover"], accessibilityHidden: true, arrowPlacement: "left", optimalPlacement: true, width: 200, offset: 10 }), _jsx("span", { className: "sr-only", children: item.tooltip })] })) : null] }));
|
|
18
16
|
}
|
package/esm/@ui/UiMenu/UiMenu.js
CHANGED
|
@@ -8,9 +8,7 @@ import { useCustomContentKeyNavigation, useKeyNavigation, useUiMenuContextValue
|
|
|
8
8
|
import { getContentItem, getSiblingItems } from "./itemUtils.js";
|
|
9
9
|
import { b, e } from "./menuBem.js";
|
|
10
10
|
function ContentWrapper(props) {
|
|
11
|
-
return (
|
|
12
|
-
// autofocus always first element in the custom content for now
|
|
13
|
-
_jsx(UiAutofocus, { children: _jsx("div", { className: e("content-wrapper"), onKeyDown: props.keyboardNavigationHandler, children: props.children }) }));
|
|
11
|
+
return (_jsx(UiAutofocus, { children: _jsx("div", { className: e("content-wrapper"), onKeyDown: props.keyboardNavigationHandler, children: props.children }) }));
|
|
14
12
|
}
|
|
15
13
|
/**
|
|
16
14
|
* An accessible menu component that can be navigated by keyboard.
|
|
@@ -56,13 +54,11 @@ export function UiMenu(props) {
|
|
|
56
54
|
setControlType("mouse");
|
|
57
55
|
// Clear stale keyboard focus-visible so pointer movement can't reopen tooltips.
|
|
58
56
|
setIsMenuFocusVisible(false);
|
|
59
|
-
}, "data-testid": menuDataTestId, children: shownCustomContentItemId ? (_jsx(ContentWrapper, { keyboardNavigationHandler: handleKeyDownInCustomContent, children: _jsx(Content, { item: getContentItem(items, shownCustomContentItemId) }) })) : (_jsxs(_Fragment, { children: [
|
|
60
|
-
_jsx(MenuHeader, {}), _jsx("div", { className: e("items-container", {
|
|
57
|
+
}, "data-testid": menuDataTestId, children: shownCustomContentItemId ? (_jsx(ContentWrapper, { keyboardNavigationHandler: handleKeyDownInCustomContent, children: _jsx(Content, { item: getContentItem(items, shownCustomContentItemId) }) })) : (_jsxs(_Fragment, { children: [_jsx(MenuHeader, {}), _jsx("div", { className: e("items-container", {
|
|
61
58
|
"container-bottom-padding": containerBottomPadding,
|
|
62
59
|
"container-top-padding": containerTopPadding,
|
|
63
60
|
}), ref: itemsContainerRef, children: _jsx("menu", { className: e("items"), tabIndex: 0, onKeyDown: handleKeyDown,
|
|
64
61
|
// Autofocus can move real focus here asynchronously (after mount),
|
|
65
62
|
// so track :focus-visible via onFocus rather than checking once.
|
|
66
|
-
onFocus: (event) => setIsMenuFocusVisible(event.currentTarget.matches(":focus-visible")), onBlur: () => setIsMenuFocusVisible(false), "aria-activedescendant": focusedItem ? makeItemId(focusedItem) : undefined, ...ariaAttributes, role: "menu", ref: menuComponentRef, children: currentMenuLevelItems.map((item, index) => (_jsx(ItemComponent, { item: item }, "id" in item ? item.id : index))) }) })
|
|
67
|
-
] })) }) }));
|
|
63
|
+
onFocus: (event) => setIsMenuFocusVisible(event.currentTarget.matches(":focus-visible")), onBlur: () => setIsMenuFocusVisible(false), "aria-activedescendant": focusedItem ? makeItemId(focusedItem) : undefined, ...ariaAttributes, role: "menu", ref: menuComponentRef, children: currentMenuLevelItems.map((item, index) => (_jsx(ItemComponent, { item: item }, "id" in item ? item.id : index))) }) })] })) }) }));
|
|
68
64
|
}
|
|
@@ -22,6 +22,5 @@ export const DefaultUiMenuContent = memo(function DefaultUiMenuContent({ item, }
|
|
|
22
22
|
setShownCustomContentItemId(undefined);
|
|
23
23
|
}, [setShownCustomContentItemId, shownCustomContentItemId, setFocusedId]);
|
|
24
24
|
const ContentComponent = item.Component;
|
|
25
|
-
return (_jsxs(_Fragment, { children: [item.showComponentOnly ? null : _jsx(DefaultUiMenuHeader, {}), _jsx("div", { className: e("content-container"), children: _jsx(ContentComponent, { onBack: handleBack, onClose: onClose ?? (() => { }) }) })
|
|
26
|
-
] }));
|
|
25
|
+
return (_jsxs(_Fragment, { children: [item.showComponentOnly ? null : _jsx(DefaultUiMenuHeader, {}), _jsx("div", { className: e("content-container"), children: _jsx(ContentComponent, { onBack: handleBack, onClose: onClose ?? (() => { }) }) })] }));
|
|
27
26
|
});
|
|
@@ -13,6 +13,5 @@ export function DefaultUiMenuGroupItem({ item, }) {
|
|
|
13
13
|
}));
|
|
14
14
|
const { makeItemId, ItemComponent } = useContextStore(selector);
|
|
15
15
|
const menuGroupItemId = makeItemId(item);
|
|
16
|
-
return (_jsxs("ul", { className: e("group"), role: "group", "aria-labelledby": menuGroupItemId, children: [
|
|
17
|
-
_jsx("li", { className: e("group-title-container"), role: "presentation", id: menuGroupItemId, children: _jsx(ShortenedText, { className: e("group-title"), ellipsisPosition: "end", children: item.stringTitle }) }), item.subItems.map((groupItem, index) => (_jsx(ItemComponent, { item: groupItem }, "id" in groupItem ? groupItem.id : index)))] }));
|
|
16
|
+
return (_jsxs("ul", { className: e("group"), role: "group", "aria-labelledby": menuGroupItemId, children: [_jsx("li", { className: e("group-title-container"), role: "presentation", id: menuGroupItemId, children: _jsx(ShortenedText, { className: e("group-title"), ellipsisPosition: "end", children: item.stringTitle }) }), item.subItems.map((groupItem, index) => (_jsx(ItemComponent, { item: groupItem }, "id" in groupItem ? groupItem.id : index)))] }));
|
|
18
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAG1E,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAC/E;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAG1E,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAC/E;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,OACjD,aAAa,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACzE;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,WACnE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,KAC9B,MAAM,GAAG,SAMX,CAAC"}
|
|
@@ -55,7 +55,7 @@ export declare const getFocusableItem: <T extends IUiMenuItemData = object>(item
|
|
|
55
55
|
* Gets all items under a specific interactive parent item.
|
|
56
56
|
* @internal
|
|
57
57
|
*/
|
|
58
|
-
export declare const getItemsByInteractiveParent: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], parentId?: string
|
|
58
|
+
export declare const getItemsByInteractiveParent: <T extends IUiMenuItemData = object>(items: IUiMenuItem<T>[], parentId?: string) => IUiMenuItem<T>[] | undefined;
|
|
59
59
|
/**
|
|
60
60
|
* Gets the interactive parent of a menu item.
|
|
61
61
|
* @internal
|
|
@@ -83,8 +83,8 @@ export declare const getPreviousSiblings: <T extends IUiMenuItemData = object>(i
|
|
|
83
83
|
export declare const getClosestFocusableSibling: <T extends IUiMenuItemData = object>(args: {
|
|
84
84
|
items: IUiMenuItem<T>[];
|
|
85
85
|
isItemFocusable: (item: IUiMenuItem<T>) => boolean;
|
|
86
|
-
itemId?: string
|
|
87
|
-
direction: "
|
|
86
|
+
itemId?: string;
|
|
87
|
+
direction: "forward" | "backward";
|
|
88
88
|
}) => IUiMenuItem<T> | undefined;
|
|
89
89
|
/**
|
|
90
90
|
* Unwraps items from group containers into a flat array.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"itemUtils.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/itemUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAChB,KAAK,eAAe,EACvB,MAAM,YAAY,CAAC;AAEpB;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC
|
|
1
|
+
{"version":3,"file":"itemUtils.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiMenu/itemUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAChB,KAAK,eAAe,EACvB,MAAM,YAAY,CAAC;AAEpB;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SAC1D,WAAW,CAAC,CAAC,CAAC,EAAE,KACxB,WAAW,CAAC,CAAC,CAAC,EAUhB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,CAa9E;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SAChD,WAAW,CAAC,CAAC,CAAC,EAAE,aACZ,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO,KAC7C,WAAW,CAAC,CAAC,CAAC,GAAG,SAenB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SAC/C,WAAW,CAAC,CAAC,CAAC,EAAE,UACf,MAAM,KACf,WAAW,CAAC,CAAC,CAAC,GAAG,SAEnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SAC3D,WAAW,CAAC,CAAC,CAAC,EAAE,aACZ,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,OAAO,KACxD,sBAAsB,CAAC,CAAC,CAAC,GAAG,SAI9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SACvD,WAAW,CAAC,CAAC,CAAC,EAAE,aACZ,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,OAAO,KACpD,kBAAkB,CAAC,CAAC,CAAC,GAAG,SAI1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SAC1D,WAAW,CAAC,CAAC,CAAC,EAAE,UACf,MAAM,KACf,sBAAsB,CAAC,CAAC,CAAC,GAAG,SAE9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SACtD,WAAW,CAAC,CAAC,CAAC,EAAE,UACf,MAAM,KACf,kBAAkB,CAAC,CAAC,CAAC,GAAG,SAE1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SACxD,WAAW,CAAC,CAAC,CAAC,EAAE,UACf,MAAM,KACf,oBAAoB,GAAG,SAEzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SACnE,WAAW,CAAC,CAAC,CAAC,EAAE,aACZ,MAAM,KAClB,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,SAIrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SAChE,WAAW,CAAC,CAAC,CAAC,EAAE,UACf,MAAM,KACf,sBAAsB,CAAC,CAAC,CAAC,GAAG,SAuB9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SACvD,WAAW,CAAC,CAAC,CAAC,EAAE,UACf,MAAM,KACf,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,SAOrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SACvD,WAAW,CAAC,CAAC,CAAC,EAAE,UACf,MAAM,KACf,WAAW,CAAC,CAAC,CAAC,EAUhB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,SAC3D,WAAW,CAAC,CAAC,CAAC,EAAE,UACf,MAAM,KACf,WAAW,CAAC,CAAC,CAAC,EAUhB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAAI,CAAC,SAAS,eAAe,GAAG,MAAM,QAAQ;IACjF,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;CACrC,KAAG,WAAW,CAAC,CAAC,CAAC,GAAG,SAiBpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,oBAkB3F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiDialogBody.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiModalDialog/UiDialogBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAQxD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,
|
|
1
|
+
{"version":3,"file":"UiDialogBody.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiModalDialog/UiDialogBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAQxD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,sEAAsE;IACtE,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAc5D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiDialogHeader.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiModalDialog/UiDialogHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,
|
|
1
|
+
{"version":3,"file":"UiDialogHeader.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiModalDialog/UiDialogHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,SAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,oBAAoB,2CAsBtG"}
|
|
@@ -62,9 +62,7 @@ export function UiNavigationBypass({ label, items, onItemClick, style }) {
|
|
|
62
62
|
const hash = uuid().substring(0, 5);
|
|
63
63
|
return `nb-${hash}`;
|
|
64
64
|
}, []);
|
|
65
|
-
return (_jsxs(_Fragment, { children: [
|
|
66
|
-
_jsx("nav", { className: b(), style: style, ref: containerRef, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, "aria-labelledby": labelId, children: _jsx("div", { className: e("dropdown", { isFocused }), ref: contentRef, children: items.map((item) => (_jsx(UiNavigationItem, { item: item, onItemClick: handleItemClick, onItemFocus: handleItemFocus }, item.id))) }) }), _jsx("span", { style: { display: "none" }, id: labelId, children: label })
|
|
67
|
-
] }));
|
|
65
|
+
return (_jsxs(_Fragment, { children: [_jsx("nav", { className: b(), style: style, ref: containerRef, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, "aria-labelledby": labelId, children: _jsx("div", { className: e("dropdown", { isFocused }), ref: contentRef, children: items.map((item) => (_jsx(UiNavigationItem, { item: item, onItemClick: handleItemClick, onItemFocus: handleItemFocus }, item.id))) }) }), _jsx("span", { style: { display: "none" }, id: labelId, children: label })] }));
|
|
68
66
|
}
|
|
69
67
|
function UiNavigationItem({ item, onItemClick, onItemFocus }) {
|
|
70
68
|
const { id, name, tabIndex } = item;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiObjectShareDialogCard.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiObjectShareDialog/UiObjectShareDialogCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,EACH,KAAK,kBAAkB,EAE1B,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAS/E;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B;IACxC
|
|
1
|
+
{"version":3,"file":"UiObjectShareDialogCard.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiObjectShareDialog/UiObjectShareDialogCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,OAAO,EACH,KAAK,kBAAkB,EAE1B,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAS/E;;;;;;GAMG;AACH,MAAM,WAAW,2BAA2B;IACxC,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB;IACtB,IAAI,EAAE,iBAAiB,CAAC;IACxB,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC1C,2EAA2E;IAC3E,WAAW,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,0EAA0E;IAC1E,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4EAA4E;IAC5E,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,oFAAoF;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,sCAAsC;IACtC,aAAa,EAAE,kBAAkB,CAAC;IAClC,mEAAmE;IACnE,qBAAqB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC3D,uFAAuF;IACvF,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAE3C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,wBAAgB,uBAAuB,CAAC,EACpC,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,EACjB,cAAc,EACd,KAAK,EACL,UAAU,EACb,EAAE,6BAA6B,2CAuE/B"}
|
|
@@ -21,8 +21,5 @@ const { b, e } = bem("gd-ui-kit-object-share-dialog");
|
|
|
21
21
|
export function UiObjectShareDialogCard({ objectTitle, onClose, grantees, isLoading, onAddClick, isAddDisabled, generalAccess, onGeneralAccessChange, isGeneralAccessDisabled, workspaceAccessInherited, workspaceControls, workspaceLevel, error, dataTestId, }) {
|
|
22
22
|
const intl = useIntl();
|
|
23
23
|
const dialogTitle = intl.formatMessage(olpObjectShareDialogMessages.title, { title: objectTitle });
|
|
24
|
-
return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [
|
|
25
|
-
_jsx(UiDialogHeader, { title: dialogTitle, onClose: onClose }), error ? (_jsx("div", { className: e("error"), role: "alert", children: error })) : (_jsxs(_Fragment, { children: [
|
|
26
|
-
_jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.sharedWith), action: _jsx(UiButton, { label: intl.formatMessage(olpObjectShareDialogMessages.add), variant: "popout", size: "small", iconBefore: "plus", isDisabled: isAddDisabled, onClick: onAddClick }) }), _jsx("div", { className: e("grantees"), children: isLoading ? (_jsx(UiSkeleton, { itemsCount: 2, itemHeight: 40, itemsGap: 10 })) : (grantees.map((grantee) => (_jsx(UiGranteeRow, { kind: grantee.kind, name: grantee.name, email: grantee.email, isPending: grantee.isPending, controls: grantee.controls }, grantee.id)))) }), _jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.generalAccess) }), isLoading ? (_jsx(UiSkeleton, { itemsCount: 2, itemHeight: 40, itemsGap: 10 })) : (_jsx(UiGeneralAccessRadio, { value: generalAccess, onChange: onGeneralAccessChange, disabled: isGeneralAccessDisabled, workspaceAccessInherited: workspaceAccessInherited, workspaceControls: workspaceControls, workspaceLevel: workspaceLevel }))] })), _jsx(UiDialogFooter, { divider: true, children: _jsx(UiButton, { label: intl.formatMessage(commonDialogMessages.close), variant: "secondary", size: "medium", onClick: onClose }) })
|
|
27
|
-
] }));
|
|
24
|
+
return (_jsxs("div", { className: b(), "data-testid": dataTestId, children: [_jsx(UiDialogHeader, { title: dialogTitle, onClose: onClose }), error ? (_jsx("div", { className: e("error"), role: "alert", children: error })) : (_jsxs(_Fragment, { children: [_jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.sharedWith), action: _jsx(UiButton, { label: intl.formatMessage(olpObjectShareDialogMessages.add), variant: "popout", size: "small", iconBefore: "plus", isDisabled: isAddDisabled, onClick: onAddClick }) }), _jsx("div", { className: e("grantees"), children: isLoading ? (_jsx(UiSkeleton, { itemsCount: 2, itemHeight: 40, itemsGap: 10 })) : (grantees.map((grantee) => (_jsx(UiGranteeRow, { kind: grantee.kind, name: grantee.name, email: grantee.email, isPending: grantee.isPending, controls: grantee.controls }, grantee.id)))) }), _jsx(UiSectionHeading, { label: intl.formatMessage(olpObjectShareDialogMessages.generalAccess) }), isLoading ? (_jsx(UiSkeleton, { itemsCount: 2, itemHeight: 40, itemsGap: 10 })) : (_jsx(UiGeneralAccessRadio, { value: generalAccess, onChange: onGeneralAccessChange, disabled: isGeneralAccessDisabled, workspaceAccessInherited: workspaceAccessInherited, workspaceControls: workspaceControls, workspaceLevel: workspaceLevel }))] })), _jsx(UiDialogFooter, { divider: true, children: _jsx(UiButton, { label: intl.formatMessage(commonDialogMessages.close), variant: "secondary", size: "medium", onClick: onClose }) })] }));
|
|
28
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiPermissionMenu.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPermissionMenu/UiPermissionMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,YAAY,EAAiC,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAO7D,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,2CAA2C,CAAC;AAM3G;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAQ5D;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,mBAAmB,GAAG,iBAAiB,CAEpF;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,4CAA4C;IAC5C,MAAM,EAAE,YAAY,CAAC;IACrB,
|
|
1
|
+
{"version":3,"file":"UiPermissionMenu.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPermissionMenu/UiPermissionMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,YAAY,EAAiC,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAO7D,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,2CAA2C,CAAC;AAM3G;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAQ5D;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,mBAAmB,GAAG,iBAAiB,CAEpF;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,4CAA4C;IAC5C,MAAM,EAAE,YAAY,CAAC;IACrB,mEAAmE;IACnE,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,oDAAoD;IACpD,kBAAkB,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD;;;OAGG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IACpD,8EAA8E;IAC9E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC;IACrE;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC/C,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,uEAAuE;IACvE,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAsBD;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,UAAU,EACb,EAAE,sBAAsB,2CA0BxB"}
|
|
@@ -147,8 +147,7 @@ function PermissionMenuItem({ item, selectedLevel, autoFocus }) {
|
|
|
147
147
|
}, [autoFocus]);
|
|
148
148
|
const isRadio = !!item.radioValue;
|
|
149
149
|
const isChecked = isRadio && item.radioValue === selectedLevel;
|
|
150
|
-
return (_jsxs("div", { className: e("item-row"), children: [
|
|
151
|
-
_jsxs("button", { type: "button", ref: focusOnAttach, role: isRadio ? "menuitemradio" : "menuitem", "aria-checked": isRadio ? isChecked : undefined, "aria-disabled": item.disabled ? true : undefined, className: e("item", { disabled: Boolean(item.disabled) }), onClick: item.onClick, children: [item.icon ? _jsx(UiIcon, { type: item.icon, size: 16, color: "complementary-7" }) : null, _jsx("span", { className: e("item-label"), children: item.label }), item.iconRight ? _jsx(UiIcon, { type: item.iconRight, size: 14, color: "complementary-7" }) : null] }), item.tooltip ? (_jsx(UiTooltip, { triggerBy: ["hover", "focus"], content: item.tooltip, anchor: _jsx(UiIconButton, { icon: "infoCircle", variant: "tertiary", size: "small", accessibilityConfig: {
|
|
150
|
+
return (_jsxs("div", { className: e("item-row"), children: [_jsxs("button", { type: "button", ref: focusOnAttach, role: isRadio ? "menuitemradio" : "menuitem", "aria-checked": isRadio ? isChecked : undefined, "aria-disabled": item.disabled ? true : undefined, className: e("item", { disabled: Boolean(item.disabled) }), onClick: item.onClick, children: [item.icon ? _jsx(UiIcon, { type: item.icon, size: 16, color: "complementary-7" }) : null, _jsx("span", { className: e("item-label"), children: item.label }), item.iconRight ? _jsx(UiIcon, { type: item.iconRight, size: 14, color: "complementary-7" }) : null] }), item.tooltip ? (_jsx(UiTooltip, { triggerBy: ["hover", "focus"], content: item.tooltip, anchor: _jsx(UiIconButton, { icon: "infoCircle", variant: "tertiary", size: "small", accessibilityConfig: {
|
|
152
151
|
ariaLabel: intl.formatMessage(olpPermissionMessages.moreInfoAriaLabel, {
|
|
153
152
|
label: item.label,
|
|
154
153
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiRadio.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiRadio/UiRadio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAS,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAM/E;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,
|
|
1
|
+
{"version":3,"file":"UiRadio.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiRadio/UiRadio.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAS,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAM/E;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EACpB,OAAO,EACP,QAAmB,EACnB,IAAI,EACJ,KAAK,EACL,QAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,KAAK,EACL,EAAE,EACF,UAAU,EACb,EAAE,aAAa,2CA4Bf"}
|
|
@@ -16,8 +16,5 @@ const { b, e } = bem("gd-ui-kit-radio");
|
|
|
16
16
|
export function UiRadio({ checked, onChange = () => { }, name, value, disabled = false, accessibilityConfig, tabIndex, label, id, dataTestId, }) {
|
|
17
17
|
const generatedId = useId();
|
|
18
18
|
const inputId = id ?? generatedId;
|
|
19
|
-
return (_jsxs("span", { className: b(), children: [
|
|
20
|
-
_jsxs("span", { className: e("control"), children: [
|
|
21
|
-
_jsx("input", { id: inputId, type: "radio", className: e("input"), checked: checked, onChange: onChange, disabled: disabled, name: name, value: value, tabIndex: tabIndex, "data-testid": dataTestId, ...accessibilityConfigToAttributes(accessibilityConfig) }), _jsx("span", { className: e("circle", { checked, disabled }), "aria-hidden": "true" })
|
|
22
|
-
] }), label ? (_jsx("label", { className: e("label"), htmlFor: inputId, children: label })) : null] }));
|
|
19
|
+
return (_jsxs("span", { className: b(), children: [_jsxs("span", { className: e("control"), children: [_jsx("input", { id: inputId, type: "radio", className: e("input"), checked: checked, onChange: onChange, disabled: disabled, name: name, value: value, tabIndex: tabIndex, "data-testid": dataTestId, ...accessibilityConfigToAttributes(accessibilityConfig) }), _jsx("span", { className: e("circle", { checked, disabled }), "aria-hidden": "true" })] }), label ? (_jsx("label", { className: e("label"), htmlFor: inputId, children: label })) : null] }));
|
|
23
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiRadioRow.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiRadioRow/UiRadioRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAO9C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,
|
|
1
|
+
{"version":3,"file":"UiRadioRow.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiRadioRow/UiRadioRow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAC;AAO9C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAU,EACb,EAAE,gBAAgB,2CA2BlB"}
|
|
@@ -13,7 +13,5 @@ const { b, e } = bem("gd-ui-kit-radio-row");
|
|
|
13
13
|
export function UiRadioRow({ checked, onChange, name, value, title, description, trailing, disabled, dataTestId, }) {
|
|
14
14
|
const inputId = useId();
|
|
15
15
|
const descriptionId = useId();
|
|
16
|
-
return (_jsxs("div", { className: b({ disabled: disabled ?? false }), "data-testid": dataTestId, children: [
|
|
17
|
-
_jsx(UiRadio, { id: inputId, checked: checked, onChange: onChange ? () => onChange() : undefined, name: name, value: value, disabled: disabled, accessibilityConfig: description ? { ariaDescribedBy: descriptionId } : undefined }), _jsxs("span", { className: e("text"), children: [
|
|
18
|
-
_jsx("label", { className: e("title"), htmlFor: inputId, children: title }), description ? (_jsx("span", { id: descriptionId, className: e("description"), children: description })) : null] }), trailing ? _jsx("span", { className: e("trailing"), children: trailing }) : null] }));
|
|
16
|
+
return (_jsxs("div", { className: b({ disabled: disabled ?? false }), "data-testid": dataTestId, children: [_jsx(UiRadio, { id: inputId, checked: checked, onChange: onChange ? () => onChange() : undefined, name: name, value: value, disabled: disabled, accessibilityConfig: description ? { ariaDescribedBy: descriptionId } : undefined }), _jsxs("span", { className: e("text"), children: [_jsx("label", { className: e("title"), htmlFor: inputId, children: title }), description ? (_jsx("span", { id: descriptionId, className: e("description"), children: description })) : null] }), trailing ? _jsx("span", { className: e("trailing"), children: trailing }) : null] }));
|
|
19
17
|
}
|
|
@@ -9,6 +9,5 @@ const { b, e } = bem("gd-ui-kit-section-heading");
|
|
|
9
9
|
* @internal
|
|
10
10
|
*/
|
|
11
11
|
export function UiSectionHeading({ label, action }) {
|
|
12
|
-
return (_jsxs("div", { className: b(), children: [
|
|
13
|
-
_jsx("span", { className: e("label"), children: label }), _jsx("span", { className: e("rule"), role: "separator" }), action ? _jsx("span", { className: e("action"), children: action }) : null] }));
|
|
12
|
+
return (_jsxs("div", { className: b(), children: [_jsx("span", { className: e("label"), children: label }), _jsx("span", { className: e("rule"), role: "separator" }), action ? _jsx("span", { className: e("action"), children: action }) : null] }));
|
|
14
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD;;GAEG;AACH,wBAAgB,0BAA0B,CACtC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EAChD,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTabs/context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD;;GAEG;AACH,wBAAgB,0BAA0B,CACtC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,EAChD,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,KAEd,aAAa,CAAC,aAAa,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CACnG"}
|
|
@@ -93,8 +93,7 @@ function TabListItem({ item, index, focusedAction, onApply, }) {
|
|
|
93
93
|
focused: isFocused,
|
|
94
94
|
"select-item": focusedAction === SELECT_ITEM_ACTION,
|
|
95
95
|
"actions-open": isActionsOpen,
|
|
96
|
-
}), role: "row", "aria-rowindex": index + 1, "aria-labelledby": makeId?.({ item, specifier: SELECT_ITEM_ACTION }), tabIndex: -1, id: makeId?.({ item, specifier: "container" }), children: [
|
|
97
|
-
_jsx("div", { className: UiTabsBem.e("tab-list-item-value"), onClick: onApply, role: "gridcell", children: _jsx("div", { role: "button", tabIndex: isSelected ? 0 : -1, id: makeId?.({ item, specifier: SELECT_ITEM_ACTION }), className: UiTabsBem.e("tab-list-item-value-button"), "aria-label": item.label, children: _jsx(TabValue, { tab: item, isSelected: isSelected, location: "allList" }) }) }), hasInteractiveTabActions(item) ? (_jsx("div", { className: UiTabsBem.e("tab-list-item-actions", {
|
|
96
|
+
}), role: "row", "aria-rowindex": index + 1, "aria-labelledby": makeId?.({ item, specifier: SELECT_ITEM_ACTION }), tabIndex: -1, id: makeId?.({ item, specifier: "container" }), children: [_jsx("div", { className: UiTabsBem.e("tab-list-item-value"), onClick: onApply, role: "gridcell", children: _jsx("div", { role: "button", tabIndex: isSelected ? 0 : -1, id: makeId?.({ item, specifier: SELECT_ITEM_ACTION }), className: UiTabsBem.e("tab-list-item-value-button"), "aria-label": item.label, children: _jsx(TabValue, { tab: item, isSelected: isSelected, location: "allList" }) }) }), hasInteractiveTabActions(item) ? (_jsx("div", { className: UiTabsBem.e("tab-list-item-actions", {
|
|
98
97
|
focused: isFocused,
|
|
99
98
|
}), role: "gridcell", id: makeId?.({ item, specifier: "actions" }), children: _jsx(TabActions, { tab: item, location: "allList", tabIndex: -1, id: makeId?.({ item, specifier: "selectTabActions" }), isOpen: isActionsOpen, onToggleOpen: handleToggleActionsOpen }) })) : null] }));
|
|
100
99
|
}
|
|
@@ -5,9 +5,7 @@ import { type EmptyObject } from "@gooddata/util";
|
|
|
5
5
|
export declare const DefaultUiTabsAllTabsButton: <TTabProps extends Record<any, any> = EmptyObject, TTabActionProps extends Record<any, any> = EmptyObject>(props: Omit<{
|
|
6
6
|
isOpen: boolean;
|
|
7
7
|
onClick: () => void;
|
|
8
|
-
ref?: import("react").RefObject<HTMLElement
|
|
9
|
-
ariaAttributes?: (
|
|
10
|
-
role: import("react").AriaRole;
|
|
11
|
-
} & Pick<import("react").AriaAttributes, "aria-controls" | "aria-expanded" | "aria-haspopup">) | undefined;
|
|
8
|
+
ref?: import("react").RefObject<HTMLElement>;
|
|
9
|
+
ariaAttributes?: import("../../../index.js").IDropdownButtonRenderProps["ariaAttributes"];
|
|
12
10
|
}, "ref"> & import("react").RefAttributes<HTMLElement>) => import("react").ReactNode;
|
|
13
11
|
//# sourceMappingURL=DefaultUiTabsAllTabsButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultUiTabsAllTabsButton.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA+ClD;;GAEG;AACH,eAAO,MAAM,0BAA0B,GAzCnC,SAAS,
|
|
1
|
+
{"version":3,"file":"DefaultUiTabsAllTabsButton.d.ts","sourceRoot":"","sources":["../../../../src/@ui/UiTabs/defaultComponents/DefaultUiTabsAllTabsButton.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA+ClD;;GAEG;AACH,eAAO,MAAM,0BAA0B,GAzCnC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,gBAClC,eAAe,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC;;;;;oFAwC0D,CAAC"}
|
|
@@ -51,13 +51,11 @@ export function DefaultUiTabsContainer(_props) {
|
|
|
51
51
|
size: size ?? "medium",
|
|
52
52
|
overflow: true,
|
|
53
53
|
"disable-border": disableBottomBorder ?? false,
|
|
54
|
-
}), children: [
|
|
55
|
-
_jsx("div", { className: UiTabsBem.e("container"), ref: useCombineRefs(resizeContainerRef, focusContainerRef), onKeyDown: onKeyDown, id: scopedIdStoreValue.containerId, tabIndex: -1, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role, children: _jsx(ScopedIdStore, { value: scopedIdStoreValue, children: tabs.map((tab) => {
|
|
54
|
+
}), children: [_jsx("div", { className: UiTabsBem.e("container"), ref: useCombineRefs(resizeContainerRef, focusContainerRef), onKeyDown: onKeyDown, id: scopedIdStoreValue.containerId, tabIndex: -1, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role, children: _jsx(ScopedIdStore, { value: scopedIdStoreValue, children: tabs.map((tab) => {
|
|
56
55
|
const isSelected = selectedTabId === tab.id;
|
|
57
56
|
const onSelect = () => onTabSelect(tab);
|
|
58
57
|
const onDoubleClick = () => onTabDoubleClick?.(tab);
|
|
59
58
|
const isFocused = focusedItem === tab;
|
|
60
59
|
return (_jsx(Tab, { tab: tab, isSelected: isSelected, isFocused: isFocused, onSelect: onSelect, onDoubleClick: onDoubleClick }, tab.id));
|
|
61
|
-
}) }) }), _jsx(AllTabs, {})
|
|
62
|
-
] }));
|
|
60
|
+
}) }) }), _jsx(AllTabs, {})] }));
|
|
63
61
|
}
|
|
@@ -38,7 +38,5 @@ export function DefaultUiTabsTab({ tab, isSelected, onSelect, onDoubleClick, isF
|
|
|
38
38
|
variant: tab.variant ?? "default",
|
|
39
39
|
focused: isFocused ?? false,
|
|
40
40
|
"actions-open": isActionsOpen,
|
|
41
|
-
}), children: [
|
|
42
|
-
_jsx("div", { className: UiTabsBem.e("tab-scroll-target"), id: makeId?.({ item: tab, specifier: "tab-scroll-target" }) }), isOverflowing ? (_jsx(UiTooltip, { anchor: tabButton, content: tab.label, triggerBy: ["hover", "focus"], arrowPlacement: "top", optimalPlacement: true }, tab.id)) : (tabButton), _jsx("div", { className: UiTabsBem.e("tabs-actions"), id: makeId?.({ item: tab, specifier: "actions" }), children: _jsx(TabActions, { tab: tab, location: "tabs", id: makeId?.({ item: tab, specifier: "selectTabActions" }), tabIndex: tabIndex, isOpen: isActionsOpen, onToggleOpen: handleToggleActionsOpen }) })
|
|
43
|
-
] }));
|
|
41
|
+
}), children: [_jsx("div", { className: UiTabsBem.e("tab-scroll-target"), id: makeId?.({ item: tab, specifier: "tab-scroll-target" }) }), isOverflowing ? (_jsx(UiTooltip, { anchor: tabButton, content: tab.label, triggerBy: ["hover", "focus"], arrowPlacement: "top", optimalPlacement: true }, tab.id)) : (tabButton), _jsx("div", { className: UiTabsBem.e("tabs-actions"), id: makeId?.({ item: tab, specifier: "actions" }), children: _jsx(TabActions, { tab: tab, location: "tabs", id: makeId?.({ item: tab, specifier: "selectTabActions" }), tabIndex: tabIndex, isOpen: isActionsOpen, onToggleOpen: handleToggleActionsOpen }) })] }));
|
|
44
42
|
}
|
package/esm/@ui/UiTag/UiTag.js
CHANGED
|
@@ -28,8 +28,7 @@ export const UiTag = forwardRef(function UiTag({ label, size = "small", variant
|
|
|
28
28
|
isDeletable: isDeletable ?? false,
|
|
29
29
|
isDisabled: isDisabled ?? false,
|
|
30
30
|
});
|
|
31
|
-
const labelInner = (_jsxs(_Fragment, { children: [iconBefore ? (_jsx("span", { className: e("icon-before"), children: _jsx(UiIcon, { type: iconBefore, size: iconSize, color: iconColor }) })) : null, _jsx("span", { className: e("label"), ref: setLabelRef, children: label })
|
|
32
|
-
] }));
|
|
31
|
+
const labelInner = (_jsxs(_Fragment, { children: [iconBefore ? (_jsx("span", { className: e("icon-before"), children: _jsx(UiIcon, { type: iconBefore, size: iconSize, color: iconColor }) })) : null, _jsx("span", { className: e("label"), ref: setLabelRef, children: label })] }));
|
|
33
32
|
const labelElement = labelIsButton ? (_jsx("button", { ref: ref, tabIndex: tabIndex, "data-testid": dataTestId, className: labelClassName, disabled: isDisabled, "aria-disabled": isDisabled, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, onClick: onClick, children: labelInner })) : (_jsx("span", { className: labelClassName, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "data-testid": dataTestId, children: labelInner }));
|
|
34
33
|
return (_jsxs("div", { className: b({ size, variant }), children: [hasTooltip ? (_jsx(UiTooltip, { anchor: labelElement, content: _jsx("div", { className: e("tooltip"), children: label }), triggerBy: ["hover"], arrowPlacement: "top" })) : (labelElement), isDeletable && !isDisabled ? (_jsx("button", { tabIndex: deleteTabIndex, "data-testid": dataTestId ? `${dataTestId}-delete-button` : undefined, "aria-label": deleteAriaLabel, className: e("delete"), onClick: onDelete, onKeyDown: onDeleteKeyDown, children: _jsx("span", { className: e("icon-delete"), children: _jsx(UiIcon, { size: 14, type: "cross", color: variant === "decorated" ? "complementary-0" : "complementary-6" }) }) })) : null] }));
|
|
35
34
|
});
|
package/esm/@ui/UiTags/UiTags.js
CHANGED
|
@@ -103,8 +103,7 @@ export function UiTags({ tags, tagOptions, addLabel = "Add tag", nameLabel = "Na
|
|
|
103
103
|
ariaExpanded: popupOpen,
|
|
104
104
|
}, size: "small", iconBefore: "plus", variant: "tertiary", ref: (ref) => {
|
|
105
105
|
interactionState.current.add = ref;
|
|
106
|
-
} }) }), title: addLabel, initialFocus: inputRef, content: ({ onClose }) => (_jsxs(UiCombobox, { options: comboboxOptions, value: tag, onValueChange: setTag, creatable: true, children: [
|
|
107
|
-
_jsx(UiComboboxInput, { ref: (node) => {
|
|
106
|
+
} }) }), title: addLabel, initialFocus: inputRef, content: ({ onClose }) => (_jsxs(UiCombobox, { options: comboboxOptions, value: tag, onValueChange: setTag, creatable: true, children: [_jsx(UiComboboxInput, { ref: (node) => {
|
|
108
107
|
inputRef.current = node;
|
|
109
108
|
interactionState.current.input = node;
|
|
110
109
|
}, name: "add-input", accessibilityConfig: { ariaLabel: nameLabel }, onKeyDown: (event) => {
|
|
@@ -115,19 +114,14 @@ export function UiTags({ tags, tagOptions, addLabel = "Add tag", nameLabel = "Na
|
|
|
115
114
|
onTagAddHandler();
|
|
116
115
|
onClose();
|
|
117
116
|
}
|
|
118
|
-
} }), _jsx(UiComboboxPopup, { children: _jsx(UiComboboxList, { children: (option, index) => (_jsxs(UiComboboxListItem, { option: option, index: index, children: [
|
|
119
|
-
_jsx(UiComboboxListItemLabel, { children: option.label }), option.creatable ? (_jsx(UiComboboxListItemCreatableLabel, { children: creatableLabel })) : null] }, option.id)) }) })
|
|
120
|
-
] })), footer: ({ onClose }) => (_jsxs(_Fragment, { children: [
|
|
121
|
-
_jsx(UiButton, { label: cancelLabel, variant: "secondary", onClick: onClose, ref: (ref) => {
|
|
117
|
+
} }), _jsx(UiComboboxPopup, { children: _jsx(UiComboboxList, { children: (option, index) => (_jsxs(UiComboboxListItem, { option: option, index: index, children: [_jsx(UiComboboxListItemLabel, { children: option.label }), option.creatable ? (_jsx(UiComboboxListItemCreatableLabel, { children: creatableLabel })) : null] }, option.id)) }) })] })), footer: ({ onClose }) => (_jsxs(_Fragment, { children: [_jsx(UiButton, { label: cancelLabel, variant: "secondary", onClick: onClose, ref: (ref) => {
|
|
122
118
|
interactionState.current.close = ref;
|
|
123
119
|
} }), _jsx(UiButton, { label: saveLabel, isDisabled: !tag, variant: "primary", onClick: () => {
|
|
124
120
|
onTagAddHandler();
|
|
125
121
|
onClose();
|
|
126
122
|
}, ref: (ref) => {
|
|
127
123
|
interactionState.current.save = ref;
|
|
128
|
-
} })
|
|
129
|
-
] })) }) })) : null, !isAddable && !hasCustomAddButton && tags.length === 0 ? (_jsx("div", { className: e("empty-state"), children: noTagsLabel })) : null] })
|
|
130
|
-
] }));
|
|
124
|
+
} })] })) }) })) : null, !isAddable && !hasCustomAddButton && tags.length === 0 ? (_jsx("div", { className: e("empty-state"), children: noTagsLabel })) : null] })] }));
|
|
131
125
|
}
|
|
132
126
|
function getKey(tag, isDeletable, readOnly) {
|
|
133
127
|
return [tag.id, tag.isDeletable, isDeletable, readOnly].filter(Boolean).join("-");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTags/interactions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAkD,MAAM,OAAO,CAAC;AAI9F,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/D,KAAK,gBAAgB,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAChC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAClC,CAAC;AAmBF,wBAAgB,mBAAmB,CAC/B,gBAAgB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,EACzD,uBAAuB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,EAChE,UAAU,EAAE,SAAS,EAAE,EACvB,UAAU,EAAE,SAAS,EAAE,EACvB,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,EAClC,WAAW,EAAE,YAAY,CAAC,aAAa,CAAC,EACxC,UAAU,EAAE,YAAY,CAAC,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"interactions.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTags/interactions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAkD,MAAM,OAAO,CAAC;AAI9F,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/D,KAAK,gBAAgB,GAAG;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,GAAG,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAChC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/B,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAClC,CAAC;AAmBF,wBAAgB,mBAAmB,CAC/B,gBAAgB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,EACzD,uBAAuB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,EAChE,UAAU,EAAE,SAAS,EAAE,EACvB,UAAU,EAAE,SAAS,EAAE,EACvB,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,EAClC,WAAW,EAAE,YAAY,CAAC,aAAa,CAAC,EACxC,UAAU,EAAE,YAAY,CAAC,YAAY,CAAC;;;;;;;;qCAwDrB,SAAS;oCAoBT,SAAS;;EAqC7B"}
|
|
@@ -19,6 +19,5 @@ export function UiTextInput({ type = "text", value, onChange, label, placeholder
|
|
|
19
19
|
// When a visible <label> is present, the label provides the accessible name;
|
|
20
20
|
// forwarding aria-label would override it (WCAG name-in-name mismatch).
|
|
21
21
|
const inputA11y = label ? restA11y : { ...restA11y, ariaLabel };
|
|
22
|
-
return (_jsxs("div", { ref: wrapperRef, className: b(), children: [label ? (_jsx("label", { className: e("label"), htmlFor: id, children: label })) : null, _jsxs("div", { className: e("field", { disabled, error: isError }), children: [iconBefore ? (_jsx("span", { className: e("icon-before"), children: _jsx(UiIcon, { type: iconBefore, size: 14, color: "complementary-6" }) })) : null, _jsx("input", { ref: inputRef, id: id, name: name, type: type, className: e("input"), value: value, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, "data-testid": dataTestId, onChange: (event) => onChange(event.target.value), onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, onClick: onClick, "aria-invalid": isError || undefined, ...accessibilityConfigToAttributes(inputA11y) }), onIconAfter ? (_jsx("span", { className: e("icon-after"), children: _jsx(UiIconButton, { icon: onIconAfter.icon, size: "xsmall", variant: "tertiary", onClick: onIconAfter.onClick, isDisabled: disabled, label: onIconAfter.ariaLabel, iconColor: "complementary-6" }) })) : iconAfter ? (_jsx("span", { className: e("icon-after"), children: _jsx(UiIcon, { type: iconAfter, size: 14, color: "complementary-6" }) })) : null] })
|
|
23
|
-
] }));
|
|
22
|
+
return (_jsxs("div", { ref: wrapperRef, className: b(), children: [label ? (_jsx("label", { className: e("label"), htmlFor: id, children: label })) : null, _jsxs("div", { className: e("field", { disabled, error: isError }), children: [iconBefore ? (_jsx("span", { className: e("icon-before"), children: _jsx(UiIcon, { type: iconBefore, size: 14, color: "complementary-6" }) })) : null, _jsx("input", { ref: inputRef, id: id, name: name, type: type, className: e("input"), value: value, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, "data-testid": dataTestId, onChange: (event) => onChange(event.target.value), onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, onClick: onClick, "aria-invalid": isError || undefined, ...accessibilityConfigToAttributes(inputA11y) }), onIconAfter ? (_jsx("span", { className: e("icon-after"), children: _jsx(UiIconButton, { icon: onIconAfter.icon, size: "xsmall", variant: "tertiary", onClick: onIconAfter.onClick, isDisabled: disabled, label: onIconAfter.ariaLabel, iconColor: "complementary-6" }) })) : iconAfter ? (_jsx("span", { className: e("icon-after"), children: _jsx(UiIcon, { type: iconAfter, size: 14, color: "complementary-6" }) })) : null] })] }));
|
|
24
23
|
}
|
|
@@ -27,12 +27,10 @@ export function UiToastItem({ toast, onClose }) {
|
|
|
27
27
|
const ariaLive = toast.accessibilityConfig?.ariaLive ?? DEFAULT_ARIA_LIVE[toast.kind];
|
|
28
28
|
const role = toast.accessibilityConfig?.role ?? (ariaLive === "assertive" ? "alert" : "status");
|
|
29
29
|
const closeLabel = toast.accessibilityConfig?.closeButtonLabel ?? intl.formatMessage(commonDialogMessages.close);
|
|
30
|
-
return (_jsxs("div", { className: e("item", { kind: toast.kind }), role: role, "aria-live": ariaLive, "aria-label": toast.accessibilityConfig?.ariaLabel, "aria-labelledby": toast.accessibilityConfig?.ariaLabelledBy, "aria-describedby": toast.accessibilityConfig?.ariaDescribedBy, "data-testid": `gd-ui-kit-toast-${toast.kind}-${toast.id}`, children: [
|
|
31
|
-
_jsx("span", { className: e("body"), children: toast.text }), toast.action ? (_jsx("button", { type: "button", className: e("action"), onClick: () => {
|
|
30
|
+
return (_jsxs("div", { className: e("item", { kind: toast.kind }), role: role, "aria-live": ariaLive, "aria-label": toast.accessibilityConfig?.ariaLabel, "aria-labelledby": toast.accessibilityConfig?.ariaLabelledBy, "aria-describedby": toast.accessibilityConfig?.ariaDescribedBy, "data-testid": `gd-ui-kit-toast-${toast.kind}-${toast.id}`, children: [_jsx("span", { className: e("body"), children: toast.text }), toast.action ? (_jsx("button", { type: "button", className: e("action"), onClick: () => {
|
|
32
31
|
toast.action.onClick();
|
|
33
32
|
onClose(toast.id);
|
|
34
|
-
}, children: toast.action.label })) : null, _jsx("button", { type: "button", className: e("close"), onClick: () => onClose(toast.id), "aria-label": closeLabel, children: _jsx(UiIcon, { type: "cross", size: 14, color: "currentColor" }) })
|
|
35
|
-
] }));
|
|
33
|
+
}, children: toast.action.label })) : null, _jsx("button", { type: "button", className: e("close"), onClick: () => onClose(toast.id), "aria-label": closeLabel, children: _jsx(UiIcon, { type: "cross", size: 14, color: "currentColor" }) })] }));
|
|
36
34
|
}
|
|
37
35
|
/**
|
|
38
36
|
* Renders the list of toasts queued by `useUiToast`. Mount once near the app
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiToast/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAExE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E;;;;;;;;;GASG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE9D;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG;IAAE,UAAU,EAAE,iBAAiB,CAAC;IAAC,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC;AAEpG;;;;;;GAMG;AACH,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACrD,wBAAwB,EACxB,WAAW,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,MAAM,CAC9D;IACG,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC1C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC3B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC5B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,yCAAyC;IACzC,mBAAmB,CAAC,EAAE,2BAA2B,CAAC;CACrD;AAED;;;;GAIG;AACH,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mBAAmB,CAAC,EAAE,2BAA2B,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAC9B,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,MAAM,CAAC;IAC3E,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,MAAM,CAAC;IACxE,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,MAAM,CAAC;IAC3E,QAAQ,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,MAAM,CAAC;IACzE
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiToast/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAExE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E;;;;;;;;;GASG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAE9D;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG;IAAE,UAAU,EAAE,iBAAiB,CAAC;IAAC,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC;AAEpG;;;;;;GAMG;AACH,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CACrD,wBAAwB,EACxB,WAAW,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,MAAM,CAC9D;IACG,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;IAC1C;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC3B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC5B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,yCAAyC;IACzC,mBAAmB,CAAC,EAAE,2BAA2B,CAAC;CACrD;AAED;;;;GAIG;AACH,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,WAAW,CAAC;IAClB,gFAAgF;IAChF,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mBAAmB,CAAC,EAAE,2BAA2B,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAC9B,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,MAAM,CAAC;IAC3E,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,MAAM,CAAC;IACxE,UAAU,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,MAAM,CAAC;IAC3E,QAAQ,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,MAAM,CAAC;IACzE,6CAA6C;IAC7C,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,MAAM,CAAC;IACvF,+EAA+E;IAC/E,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,4CAA4C;IAC5C,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB"}
|
|
@@ -121,8 +121,7 @@ export function UiTooltip({ id, anchor, content, behaviour = "tooltip", arrowPla
|
|
|
121
121
|
useCloseOnEscape(isOpen, handleClose);
|
|
122
122
|
const { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, click]);
|
|
123
123
|
const Component = component === "div" ? "div" : "span";
|
|
124
|
-
return (_jsxs(_Fragment, { children: [
|
|
125
|
-
_jsx(Component, { className: e("anchor", { inline: inlineAnchor }), ref: refs.setReference, style: anchorWrapperStyles, ...getReferenceProps(), children: anchor }), accessibilityHidden ? null : (_jsx("span", { className: "sr-only", id: id, children: isOpen
|
|
124
|
+
return (_jsxs(_Fragment, { children: [_jsx(Component, { className: e("anchor", { inline: inlineAnchor }), ref: refs.setReference, style: anchorWrapperStyles, ...getReferenceProps(), children: anchor }), accessibilityHidden ? null : (_jsx("span", { className: "sr-only", id: id, children: isOpen
|
|
126
125
|
? typeof content === "function"
|
|
127
126
|
? content({ onClose: handleClose, type: "screen-reader" })
|
|
128
127
|
: content
|
|
@@ -2,8 +2,8 @@ import { type MutableRefObject } from "react";
|
|
|
2
2
|
import { type Placement, type ReferenceType } from "@floating-ui/react";
|
|
3
3
|
import { type ITheme } from "@gooddata/sdk-model";
|
|
4
4
|
import { type Dimensions, type PlacementShift, type TooltipArrowPlacement } from "./types.js";
|
|
5
|
-
export declare const getOppositeBasicPlacement: (arrowPlacement: TooltipArrowPlacement, behaviour: "
|
|
6
|
-
export declare const getFlipFallbackOrder: (arrowPlacement: TooltipArrowPlacement, behaviour: "
|
|
5
|
+
export declare const getOppositeBasicPlacement: (arrowPlacement: TooltipArrowPlacement, behaviour: "tooltip" | "popover") => Placement;
|
|
6
|
+
export declare const getFlipFallbackOrder: (arrowPlacement: TooltipArrowPlacement, behaviour: "tooltip" | "popover") => Array<Placement>;
|
|
7
7
|
export declare const getDimensionsFromRect: (rect: DOMRect | {
|
|
8
8
|
width: number;
|
|
9
9
|
height: number;
|
|
@@ -15,6 +15,6 @@ export declare const getDimensionsFromRef: (ref: MutableRefObject<ReferenceType
|
|
|
15
15
|
width: number;
|
|
16
16
|
height: number;
|
|
17
17
|
};
|
|
18
|
-
export declare const computeTooltipShift: (arrowPlacement: TooltipArrowPlacement, floatingDimensions: Dimensions, isEnabled: boolean, theme?: ITheme
|
|
19
|
-
export declare const computeArrowOffset: (arrowPlacement: TooltipArrowPlacement, floatingDimensions: Dimensions, isEnabled: boolean, theme?: ITheme
|
|
18
|
+
export declare const computeTooltipShift: (arrowPlacement: TooltipArrowPlacement, floatingDimensions: Dimensions, isEnabled: boolean, theme?: ITheme) => PlacementShift;
|
|
19
|
+
export declare const computeArrowOffset: (arrowPlacement: TooltipArrowPlacement, floatingDimensions: Dimensions, isEnabled: boolean, theme?: ITheme) => number | null;
|
|
20
20
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExE,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQlD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAO9F,eAAO,MAAM,yBAAyB,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTooltip/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExE,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQlD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAO9F,eAAO,MAAM,yBAAyB,mBAClB,qBAAqB,aAC1B,SAAS,GAAG,SAAS,cAUnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mBACb,qBAAqB,aAC1B,SAAS,GAAG,SAAS,KAQ4B,KAAK,CAAC,SAAS,CAC9E,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAAU,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI;IACjF,KAAK;IAAoB,MAAM;CAC3C,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAS,gBAAgB,CAAC,aAAa,GAAG,IAAI,CAAC;;;CAG/E,CAAC;AAgBF,eAAO,MAAM,mBAAmB,mBACZ,qBAAqB,sBACjB,UAAU,aACnB,OAAO,UACV,MAAM,KACf,cAsBF,CAAC;AAEF,eAAO,MAAM,kBAAkB,mBACX,qBAAqB,sBACjB,UAAU,aACnB,OAAO,UACV,MAAM,KACf,MAAM,GAAG,IAkBX,CAAC"}
|
|
@@ -36,8 +36,7 @@ export function UITreeviewItem(props) {
|
|
|
36
36
|
const handleHover = useCallback(() => {
|
|
37
37
|
onHover(props.path);
|
|
38
38
|
}, [props.path, onHover]);
|
|
39
|
-
return (_jsxs("div", { className: e("treeitem"), children: [
|
|
40
|
-
_jsx("div", { className: e("treeitem__container"), "data-testid": itemDataTestId, ref: (node) => {
|
|
39
|
+
return (_jsxs("div", { className: e("treeitem"), children: [_jsx("div", { className: e("treeitem__container"), "data-testid": itemDataTestId, ref: (node) => {
|
|
41
40
|
itemsRef.current[convertPathToKey(path)] = node;
|
|
42
41
|
}, children: _jsx(ItemComponent, { item: item, type: childCount ? "group" : "leaf", childCount: childCount, isCompact: isCompact, isFocused: isFocused, isSelected: isSelected, isExpanded: isExpanded, level: level, onSelect: handleSelect, onToggle: handleToggle, onHover: handleHover, ariaAttributes: ariaAttributes }) }), children?.length && isExpanded ? (_jsx("div", { role: "group", className: e("treeitem__children"), children: children.map((child, i) => (_jsx(UITreeviewItem, { ItemComponent: ItemComponent, itemsRef: itemsRef, onSelect: onSelect, onHover: onHover, getState: getState, focusedItem: focusedItem, selectedItemId: selectedItemId, itemDataTestId: itemDataTestId, isCompact: isCompact, isDisabledFocusable: isDisabledFocusable, item: child, treeViewId: treeViewId, path: [...props.path, i] }, i))) })) : null] }));
|
|
43
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiTreeViewEvents.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTreeview/UiTreeViewEvents.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAMzB,MAAM,OAAO,CAAC;AAIf;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC3B,OAAO,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,gBAAgB,CAAC;AAIzD;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAKvE;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,mBAAmB,EAAE,SAAS,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"UiTreeViewEvents.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiTreeview/UiTreeViewEvents.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAMzB,MAAM,OAAO,CAAC;AAIf;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC3B,OAAO,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,gBAAgB,CAAC;AAIzD;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAKvE;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,mBAAmB,EAAE,SAAS,EAAE,CAAC,WAGvE,gBAAgB,CAAC,CAAC,CAAC,UAKlC;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,CAAC,SAAS,mBAAmB,EACtE,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,IAAI,QAahD"}
|