@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
|
@@ -22,9 +22,7 @@ export function ToastsCenter({ containerClassName, }) {
|
|
|
22
22
|
if (hasParentContext) {
|
|
23
23
|
return null;
|
|
24
24
|
}
|
|
25
|
-
return (_jsxs(_Fragment, { children: [
|
|
26
|
-
_jsx(ScreenReaderToast, {}), _jsx(Overlay, { containerClassName: containerClassName, children: _jsx("div", { className: "gd-messages", role: "region", "aria-label": label, children: _jsx(ToastMessageList, { messages: sortedMessages, onRemoveMessage: removeMessage }) }) })
|
|
27
|
-
] }));
|
|
25
|
+
return (_jsxs(_Fragment, { children: [_jsx(ScreenReaderToast, {}), _jsx(Overlay, { containerClassName: containerClassName, children: _jsx("div", { className: "gd-messages", role: "region", "aria-label": label, children: _jsx(ToastMessageList, { messages: sortedMessages, onRemoveMessage: removeMessage }) }) })] }));
|
|
28
26
|
}
|
|
29
27
|
/**
|
|
30
28
|
* Stores the latest message for the screen reader to read
|
|
@@ -7,9 +7,7 @@ import { Message } from "../Message.js";
|
|
|
7
7
|
export function ToastsCenterMessage({ message, onRemove }) {
|
|
8
8
|
const [isExpanded, setIsExpanded] = useState(false);
|
|
9
9
|
const { component: Component, type, contrast, intensive } = message;
|
|
10
|
-
return (_jsx(Message, { className: "gd-message-overlay", type: type, onClose: onRemove, contrast: contrast, intensive: intensive, children: Component ? (_jsx(Component, {})) : (_jsxs(_Fragment, { children: [
|
|
11
|
-
_jsx(MessageWithShowMore, { message: message, shouldShowMore: !isExpanded, handleShowMore: () => setIsExpanded((wasExpanded) => !wasExpanded) }), _jsx(MessageSimple, { message: message })
|
|
12
|
-
] })) }));
|
|
10
|
+
return (_jsx(Message, { className: "gd-message-overlay", type: type, onClose: onRemove, contrast: contrast, intensive: intensive, children: Component ? (_jsx(Component, {})) : (_jsxs(_Fragment, { children: [_jsx(MessageWithShowMore, { message: message, shouldShowMore: !isExpanded, handleShowMore: () => setIsExpanded((wasExpanded) => !wasExpanded) }), _jsx(MessageSimple, { message: message })] })) }));
|
|
13
11
|
}
|
|
14
12
|
export function MessageWithShowMore({ message, shouldShowMore, handleShowMore }) {
|
|
15
13
|
const { showMore, showLess, errorDetail, type } = message;
|
|
@@ -22,9 +20,7 @@ export function MessageWithShowMore({ message, shouldShowMore, handleShowMore })
|
|
|
22
20
|
});
|
|
23
21
|
const showMoreLinkClassNames = cx("gd-message-text-showmorelink", "s-message-text-showmorelink", type);
|
|
24
22
|
const accessibilityId = uuid();
|
|
25
|
-
return (_jsxs("div", { className: "gd-message-text-showmore", children: [
|
|
26
|
-
_jsx(MessageElement, { message: message, type: "span" }), _jsx("button", { "aria-expanded": shouldShowMore ? "false" : "true", "aria-controls": accessibilityId, className: showMoreLinkClassNames, onClick: handleShowMore, children: shouldShowMore ? showMore : showLess }), _jsx("div", { id: accessibilityId, className: contentClassNames, children: errorDetail })
|
|
27
|
-
] }));
|
|
23
|
+
return (_jsxs("div", { className: "gd-message-text-showmore", children: [_jsx(MessageElement, { message: message, type: "span" }), _jsx("button", { "aria-expanded": shouldShowMore ? "false" : "true", "aria-controls": accessibilityId, className: showMoreLinkClassNames, onClick: handleShowMore, children: shouldShowMore ? showMore : showLess }), _jsx("div", { id: accessibilityId, className: contentClassNames, children: errorDetail })] }));
|
|
28
24
|
}
|
|
29
25
|
export function MessageSimple({ message }) {
|
|
30
26
|
const { showMore } = message;
|
|
@@ -43,5 +43,5 @@ export declare const ToastsCenterContext: import("@gooddata/sdk-ui").IContextSto
|
|
|
43
43
|
/**
|
|
44
44
|
* @internal
|
|
45
45
|
*/
|
|
46
|
-
export declare const useToastsCenterValue: (onDismissMessage?: (
|
|
46
|
+
export declare const useToastsCenterValue: (onDismissMessage?: (id: IMessage["id"]) => void) => IToastsCenterContext;
|
|
47
47
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/Messages/toasts/context.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAKvE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB;;OAEG;IACH,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,qBAAqB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE;;OAEG;IACH,iBAAiB,EAAE,CAAC,qBAAqB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,UAAU,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,QAAQ,CAAC;IACtD;;OAEG;IACH,kBAAkB,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,mBAAmB,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,gEAA2D,CAAC;AAE5F;;GAEG;AACH,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/Messages/toasts/context.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAKvE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB;;OAEG;IACH,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,qBAAqB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrE;;OAEG;IACH,iBAAiB,EAAE,CAAC,qBAAqB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,UAAU,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,QAAQ,CAAC;IACtD;;OAEG;IACH,kBAAkB,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,mBAAmB,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,gEAA2D,CAAC;AAE5F;;GAEG;AACH,eAAO,MAAM,oBAAoB,sBACV,CAAC,EAAE,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,KAChD,oBA8HF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToastMessage.d.ts","sourceRoot":"","sources":["../../../src/Messages/toasts/useToastMessage.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAE7D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAAoB,MAAM,eAAe,CAAC;AAIzF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAChC,kBAAkB,EAClB,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,IAAI,CACvF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE,iBAAiB,KAAK,QAAQ,CAAC;AAEnG;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,EAAE,cAAc,CAAC;IAC5B,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,cAAc,CAAC;IACzB,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iBAAiB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"useToastMessage.d.ts","sourceRoot":"","sources":["../../../src/Messages/toasts/useToastMessage.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAW,MAAM,YAAY,CAAC;AAE7D,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,kBAAkB,EAAoB,MAAM,eAAe,CAAC;AAIzF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAChC,kBAAkB,EAClB,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,IAAI,CACvF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE,iBAAiB,KAAK,QAAQ,CAAC;AAEnG;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,UAAU,EAAE,cAAc,CAAC;IAC3B,WAAW,EAAE,cAAc,CAAC;IAC5B,UAAU,EAAE,cAAc,CAAC;IAC3B,QAAQ,EAAE,cAAc,CAAC;IACzB,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iBAAiB,EAAE,MAAM,IAAI,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,oBA8BlC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullScreenOverlay.d.ts","sourceRoot":"","sources":["../../src/Overlay/FullScreenOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAEtE;;GAEG;AAEH,qBAAa,iBAAkB,SAAQ,OAAO,CAAC,aAAa,CAAC;IACzD,YAAY,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,EAQpC;IAEQ,yBAAyB,IAAI,IAAI,CAazC;IAEQ,oBAAoB,IAAI,IAAI,CAMpC;IAEe,gBAAgB,
|
|
1
|
+
{"version":3,"file":"FullScreenOverlay.d.ts","sourceRoot":"","sources":["../../src/Overlay/FullScreenOverlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAEtE;;GAEG;AAEH,qBAAa,iBAAkB,SAAQ,OAAO,CAAC,aAAa,CAAC;IACzD,YAAY,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,EAQpC;IAEQ,yBAAyB,IAAI,IAAI,CAazC;IAEQ,oBAAoB,IAAI,IAAI,CAMpC;IAEe,gBAAgB,QAAO,aAAa,CAYlD;CACL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAClB,SAAS,EACT,KAAK,WAAW,EAInB,MAAM,OAAO,CAAC;AAgBf,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAuBtE,eAAO,MAAM,uBAAuB,iBAAiB,CAAC;AAqCtD;;GAEG;AACH,qBAAa,OAAO,CAAC,CAAC,GAAG,WAAW,CAAE,SAAQ,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC;IACpF,OAAc,YAAY,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAsBrD;IAEF,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAS;IAC5B,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,YAAY,CAAgC;IACpD,OAAO,CAAC,aAAa,CAEb;IACR,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,kBAAkB,CAAU;IACpC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAgB,WAAW,0FAAkB;IACrC,OAAO,EAAE,WAAW,CAAC,OAAO,cAAc,CAAC,CAAC;IACpD,OAAO,CAAC,QAAQ,CAA6B;IAE7C,YAAY,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EA6BlC;IAEe,yBAAyB,IAAI,IAAI,CAGhD;IAEe,iBAAiB,IAAI,IAAI,CAaxC;IAEe,gCAAgC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAKlF;IAEe,qBAAqB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,aAAa,GAAG,OAAO,CAOpG;IAEe,kBAAkB,IAAI,IAAI,CAEzC;IAEe,oBAAoB,IAAI,IAAI,CAgB3C;IAEe,MAAM,4CA+BrB;IAEM,KAAK,
|
|
1
|
+
{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../src/Overlay/Overlay.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAClB,SAAS,EACT,KAAK,WAAW,EAInB,MAAM,OAAO,CAAC;AAgBf,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAuBtE,eAAO,MAAM,uBAAuB,iBAAiB,CAAC;AAqCtD;;GAEG;AACH,qBAAa,OAAO,CAAC,CAAC,GAAG,WAAW,CAAE,SAAQ,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC;IACpF,OAAc,YAAY,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAsBrD;IAEF,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAS;IAC5B,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,YAAY,CAAgC;IACpD,OAAO,CAAC,aAAa,CAEb;IACR,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,kBAAkB,CAAU;IACpC,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAgB,WAAW,0FAAkB;IACrC,OAAO,EAAE,WAAW,CAAC,OAAO,cAAc,CAAC,CAAC;IACpD,OAAO,CAAC,QAAQ,CAA6B;IAE7C,YAAY,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EA6BlC;IAEe,yBAAyB,IAAI,IAAI,CAGhD;IAEe,iBAAiB,IAAI,IAAI,CAaxC;IAEe,gCAAgC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAKlF;IAEe,qBAAqB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,aAAa,GAAG,OAAO,CAOpG;IAEe,kBAAkB,IAAI,IAAI,CAEzC;IAEe,oBAAoB,IAAI,IAAI,CAgB3C;IAEe,MAAM,4CA+BrB;IAEM,KAAK,QAAO,IAAI,CAyCrB;IAEF,OAAO,CAAC,6BAA6B,CAyDnC;IAEF,OAAO,CAAC,qBAAqB,CAI3B;IAEF,OAAO,CAAC,gBAAgB,CAMtB;IAEF,OAAO,CAAC,WAAW,CAIjB;IAEF,SAAS,CAAC,SAAS,IAAI,MAAM,GAAG,SAAS,CAExC;IAEM,gBAAgB,QAAO,aAAa,CA4BzC;IAEF,OAAO,CAAC,iBAAiB,CAIvB;IAEF;;;OAGG;IACH,OAAO,CAAC,eAAe,CAOrB;IAEF,OAAO,CAAC,kBAAkB,CAMxB;IAEF,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,mCAAmC;IAS3C,OAAO,CAAC,sBAAsB,CAI5B;IAEF,OAAO,CAAC,eAAe,CAIrB;IAEF,OAAO,CAAC,kBAAkB,CAiBxB;IAEF,OAAO,CAAC,uBAAuB,CAqB7B;IAEF,OAAO,CAAC,SAAS,CAEf;IAGF,OAAO,CAAC,uBAAuB,CAS7B;IAEK,mBAAmB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAQ9C;IAEM,mBAAmB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAQ9C;IAEM,gBAAgB,QAAO,IAAI,CAMhC;IAEK,mBAAmB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAIzC;IAEM,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI,CAQ3C;IAED,OAAO,CAAC,eAAe,CAUrB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,eAAe,CAErB;IAEF,OAAO,CAAC,UAAU,CAahB;IAEF,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,qBAAqB;CAOhC"}
|
package/esm/Overlay/Overlay.js
CHANGED
|
@@ -159,8 +159,7 @@ export class Overlay extends Component {
|
|
|
159
159
|
render() {
|
|
160
160
|
// Need stop propagation of events from Portal thats new behavior of react 16
|
|
161
161
|
// https://github.com/facebook/react/issues/11387
|
|
162
|
-
return (_jsx("span", { "data-testid": "portal-scroll-anchor", className: "s-portal-scroll-anchor", ref: this.containerRef, style: { display: "none" }, children: _jsx(Portal, { node: this.portalNode, children: _jsxs("div", { id: this.id, className: cx(this.props.containerClassName, OVERLAY_CONTENT_CLASS), onClick: this.props.onClick, onMouseOver: this.props.onMouseOver, onMouseUp: this.props.onMouseUp, children: [this.renderMask(), _jsx("div", { ref: this.overlayRef, style: this.getOverlayStyles(), className: this.getOverlayClasses(), children: this.props.children })
|
|
163
|
-
] }) }) }));
|
|
162
|
+
return (_jsx("span", { "data-testid": "portal-scroll-anchor", className: "s-portal-scroll-anchor", ref: this.containerRef, style: { display: "none" }, children: _jsx(Portal, { node: this.portalNode, children: _jsxs("div", { id: this.id, className: cx(this.props.containerClassName, OVERLAY_CONTENT_CLASS), onClick: this.props.onClick, onMouseOver: this.props.onMouseOver, onMouseUp: this.props.onMouseUp, children: [this.renderMask(), _jsx("div", { ref: this.overlayRef, style: this.getOverlayStyles(), className: this.getOverlayClasses(), children: this.props.children })] }) }) }));
|
|
164
163
|
}
|
|
165
164
|
align = () => {
|
|
166
165
|
const { alignPoints, alignTo, positionType } = this.props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayContext.d.ts","sourceRoot":"","sources":["../../src/Overlay/OverlayContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAwD,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,cAAc,wDAA0D,CAAC;AAGtF;;;;GAIG;AACH,MAAM,WAAW,+BAA+B;IAC5C;;OAEG;IACH,iBAAiB,EAAE,iBAAiB,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,+BAA+B,2CAEzG;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"OverlayContext.d.ts","sourceRoot":"","sources":["../../src/Overlay/OverlayContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAwD,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,cAAc,wDAA0D,CAAC;AAGtF;;;;GAIG;AACH,MAAM,WAAW,+BAA+B;IAC5C;;OAEG;IACH,iBAAiB,EAAE,iBAAiB,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,+BAA+B,2CAEzG;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,QAAO,iBAAiB,GAAG,SAE3D,CAAC;AAIF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,SAAU,MAAM,KAAG,MAAM,GAAG,SAGxD,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,4BAA4B,WAoB3C"}
|
|
@@ -26,19 +26,9 @@ export function ParameterControlDropdown({ name, draft, onDraftChange, inputType
|
|
|
26
26
|
const generatedInputId = useId();
|
|
27
27
|
const inputId = inputIdProp ?? generatedInputId;
|
|
28
28
|
const errorMessageId = errorMessage ? `${inputId}-error` : undefined;
|
|
29
|
-
return (_jsxs("div", { ...ariaAttributes, className: `${b({ dropdown: true })} overlay gd-dialog gd-dropdown`, "data-testid": "parameter-control-dropdown", children: [
|
|
30
|
-
_jsxs("div", { className: e("dropdown-field"), children: [
|
|
31
|
-
_jsxs("div", { className: e("dropdown-field-header"), children: [
|
|
32
|
-
_jsx("label", { htmlFor: inputId, className: e("dropdown-label"), children: intl.formatMessage(messages.valueLabel) }), onReset ? (_jsx(UiButton, { type: "button", variant: "linkDimmed", size: "small", label: intl.formatMessage(messages.reset), dataTestId: "parameter-control-dropdown-reset", onClick: onReset })) : null] }), _jsx(ParameterInput, { type: inputType, min: min, max: max, id: inputId, value: draft, hasError: !!errorMessage, errorMessageId: errorMessageId, onChange: onDraftChange, dataTestId: "parameter-control-dropdown-input", incrementAriaLabel: intl.formatMessage(messages.increment), decrementAriaLabel: intl.formatMessage(messages.decrement) }), errorMessage ? (_jsx("div", { id: errorMessageId, className: e("dropdown-error"), "data-testid": "parameter-control-dropdown-error", children: errorMessage })) : null] }), previewValue === undefined ? null : (_jsxs(_Fragment, { children: [
|
|
33
|
-
_jsx("div", { className: e("dropdown-divider") }), _jsxs("div", { className: e("dropdown-preview"), "data-testid": "parameter-control-dropdown-preview", children: [
|
|
34
|
-
_jsx("span", { className: e("dropdown-preview-label"), children: intl.formatMessage(messages.previewLabel) }), _jsx("span", { className: e("dropdown-preview-text"), children: _jsx(FormattedMessage, { id: "parameter_filter.dropdown.preview", values: {
|
|
29
|
+
return (_jsxs("div", { ...ariaAttributes, className: `${b({ dropdown: true })} overlay gd-dialog gd-dropdown`, "data-testid": "parameter-control-dropdown", children: [_jsxs("div", { className: e("dropdown-field"), children: [_jsxs("div", { className: e("dropdown-field-header"), children: [_jsx("label", { htmlFor: inputId, className: e("dropdown-label"), children: intl.formatMessage(messages.valueLabel) }), onReset ? (_jsx(UiButton, { type: "button", variant: "linkDimmed", size: "small", label: intl.formatMessage(messages.reset), dataTestId: "parameter-control-dropdown-reset", onClick: onReset })) : null] }), _jsx(ParameterInput, { type: inputType, min: min, max: max, id: inputId, value: draft, hasError: !!errorMessage, errorMessageId: errorMessageId, onChange: onDraftChange, dataTestId: "parameter-control-dropdown-input", incrementAriaLabel: intl.formatMessage(messages.increment), decrementAriaLabel: intl.formatMessage(messages.decrement) }), errorMessage ? (_jsx("div", { id: errorMessageId, className: e("dropdown-error"), "data-testid": "parameter-control-dropdown-error", children: errorMessage })) : null] }), previewValue === undefined ? null : (_jsxs(_Fragment, { children: [_jsx("div", { className: e("dropdown-divider") }), _jsxs("div", { className: e("dropdown-preview"), "data-testid": "parameter-control-dropdown-preview", children: [_jsx("span", { className: e("dropdown-preview-label"), children: intl.formatMessage(messages.previewLabel) }), _jsx("span", { className: e("dropdown-preview-text"), children: _jsx(FormattedMessage, { id: "parameter_filter.dropdown.preview", values: {
|
|
35
30
|
name,
|
|
36
31
|
value: previewValue,
|
|
37
32
|
strong: (chunks) => _jsx("strong", { children: chunks }),
|
|
38
|
-
} }) })
|
|
39
|
-
] })
|
|
40
|
-
] })), _jsx("div", { className: e("dropdown-footer"), children: onApply ? (_jsxs(_Fragment, { children: [
|
|
41
|
-
_jsx(UiButton, { type: "button", variant: "secondary", size: "small", label: intl.formatMessage(messages.cancel), dataTestId: "parameter-control-dropdown-cancel", onClick: onClose }), _jsx(UiButton, { type: "button", variant: "primary", size: "small", label: intl.formatMessage(messages.apply), dataTestId: "parameter-control-dropdown-apply", onClick: onApply, isDisabled: !!errorMessage })
|
|
42
|
-
] })) : (_jsx(UiButton, { type: "button", variant: "secondary", size: "small", label: intl.formatMessage(messages.close), dataTestId: "parameter-control-dropdown-close", onClick: onClose })) })
|
|
43
|
-
] }));
|
|
33
|
+
} }) })] })] })), _jsx("div", { className: e("dropdown-footer"), children: onApply ? (_jsxs(_Fragment, { children: [_jsx(UiButton, { type: "button", variant: "secondary", size: "small", label: intl.formatMessage(messages.cancel), dataTestId: "parameter-control-dropdown-cancel", onClick: onClose }), _jsx(UiButton, { type: "button", variant: "primary", size: "small", label: intl.formatMessage(messages.apply), dataTestId: "parameter-control-dropdown-apply", onClick: onApply, isDisabled: !!errorMessage })] })) : (_jsx(UiButton, { type: "button", variant: "secondary", size: "small", label: intl.formatMessage(messages.close), dataTestId: "parameter-control-dropdown-close", onClick: onClose })) })] }));
|
|
44
34
|
}
|
|
@@ -30,8 +30,5 @@ export function ParameterInput({ type, id, value, hasError, errorMessageId, onCh
|
|
|
30
30
|
function preventButtonFocus(event) {
|
|
31
31
|
event.preventDefault();
|
|
32
32
|
}
|
|
33
|
-
return (_jsxs("div", { className: b({ hasError }), children: [
|
|
34
|
-
_jsx("input", { ref: inputRef, id: id, type: type, min: isNumber ? min : undefined, max: isNumber ? max : undefined, className: e("field", { number: isNumber }), "data-testid": dataTestId, value: value, "aria-invalid": hasError || undefined, "aria-errormessage": errorMessageId, "aria-describedby": errorMessageId, onChange: (event) => onChange(event.target.value) }), isNumber ? (_jsxs("div", { className: e("stepper"), children: [
|
|
35
|
-
_jsx("button", { type: "button", className: e("stepper-button"), "data-testid": dataTestId ? `${dataTestId}-stepper-up` : undefined, "aria-label": incrementAriaLabel, "aria-controls": id, tabIndex: -1, disabled: isIncrementDisabled, onMouseDown: preventButtonFocus, onClick: () => handleStep("up"), children: _jsx(UiIcon, { type: "navigateUp", size: 12, color: "currentColor" }) }), _jsx("button", { type: "button", className: e("stepper-button"), "data-testid": dataTestId ? `${dataTestId}-stepper-down` : undefined, "aria-label": decrementAriaLabel, "aria-controls": id, tabIndex: -1, disabled: isDecrementDisabled, onMouseDown: preventButtonFocus, onClick: () => handleStep("down"), children: _jsx(UiIcon, { type: "navigateDown", size: 12, color: "currentColor" }) })
|
|
36
|
-
] })) : null] }));
|
|
33
|
+
return (_jsxs("div", { className: b({ hasError }), children: [_jsx("input", { ref: inputRef, id: id, type: type, min: isNumber ? min : undefined, max: isNumber ? max : undefined, className: e("field", { number: isNumber }), "data-testid": dataTestId, value: value, "aria-invalid": hasError || undefined, "aria-errormessage": errorMessageId, "aria-describedby": errorMessageId, onChange: (event) => onChange(event.target.value) }), isNumber ? (_jsxs("div", { className: e("stepper"), children: [_jsx("button", { type: "button", className: e("stepper-button"), "data-testid": dataTestId ? `${dataTestId}-stepper-up` : undefined, "aria-label": incrementAriaLabel, "aria-controls": id, tabIndex: -1, disabled: isIncrementDisabled, onMouseDown: preventButtonFocus, onClick: () => handleStep("up"), children: _jsx(UiIcon, { type: "navigateUp", size: 12, color: "currentColor" }) }), _jsx("button", { type: "button", className: e("stepper-button"), "data-testid": dataTestId ? `${dataTestId}-stepper-down` : undefined, "aria-label": decrementAriaLabel, "aria-controls": id, tabIndex: -1, disabled: isDecrementDisabled, onMouseDown: preventButtonFocus, onClick: () => handleStep("down"), children: _jsx(UiIcon, { type: "navigateDown", size: 12, color: "currentColor" }) })] })) : null] }));
|
|
37
34
|
}
|
|
@@ -50,26 +50,18 @@ export function ParameterPicker({ parameters, excludedKeys, isLoading, maxListHe
|
|
|
50
50
|
if (isLoading) {
|
|
51
51
|
return (_jsx("div", { className: b(), "data-testid": "parameter-picker", children: _jsx("div", { className: e("loading"), "data-testid": "parameter-picker-loading", children: _jsx(LoadingSpinner, { className: "small" }) }) }));
|
|
52
52
|
}
|
|
53
|
-
return (_jsxs("div", { className: b(), "data-testid": "parameter-picker", children: [
|
|
54
|
-
_jsx("div", { className: e("search"), "data-testid": "parameter-picker-search", children: _jsx(Input, { value: search, onChange: (value) => setSearch(String(value)), placeholder: intl.formatMessage(messages.searchPlaceholder), autofocus: true, clearOnEsc: true, isSearch: true, isSmall: true }) }), groups.length === 0 ? (_jsx("div", { className: e("empty"), "data-testid": "parameter-picker-empty", children: deferredSearch.length > 0
|
|
53
|
+
return (_jsxs("div", { className: b(), "data-testid": "parameter-picker", children: [_jsx("div", { className: e("search"), "data-testid": "parameter-picker-search", children: _jsx(Input, { value: search, onChange: (value) => setSearch(String(value)), placeholder: intl.formatMessage(messages.searchPlaceholder), autofocus: true, clearOnEsc: true, isSearch: true, isSmall: true }) }), groups.length === 0 ? (_jsx("div", { className: e("empty"), "data-testid": "parameter-picker-empty", children: deferredSearch.length > 0
|
|
55
54
|
? intl.formatMessage(messages.noResults)
|
|
56
|
-
: intl.formatMessage(messages.empty) })) : (_jsx("div", { className: e("list"), style: { maxHeight: maxListHeight }, children: groups.map((group) => (_jsx(ParameterPickerGroup, { tag: group.tag, parameters: group.parameters, selectedKeys: selectedKeys, onToggle: toggle }, group.tag))) })), _jsxs("div", { className: e("footer"), children: [
|
|
57
|
-
_jsx(UiButton, { variant: "secondary", size: "small", label: intl.formatMessage(messages.cancel), dataTestId: "parameter-picker-cancel", onClick: onCancel }), _jsx(UiButton, { variant: "primary", size: "small", label: intl.formatMessage(messages.add), dataTestId: "parameter-picker-add", onClick: handleAdd, isDisabled: selectedKeys.size === 0 })
|
|
58
|
-
] })
|
|
59
|
-
] }));
|
|
55
|
+
: intl.formatMessage(messages.empty) })) : (_jsx("div", { className: e("list"), style: { maxHeight: maxListHeight }, children: groups.map((group) => (_jsx(ParameterPickerGroup, { tag: group.tag, parameters: group.parameters, selectedKeys: selectedKeys, onToggle: toggle }, group.tag))) })), _jsxs("div", { className: e("footer"), children: [_jsx(UiButton, { variant: "secondary", size: "small", label: intl.formatMessage(messages.cancel), dataTestId: "parameter-picker-cancel", onClick: onCancel }), _jsx(UiButton, { variant: "primary", size: "small", label: intl.formatMessage(messages.add), dataTestId: "parameter-picker-add", onClick: handleAdd, isDisabled: selectedKeys.size === 0 })] })] }));
|
|
60
56
|
}
|
|
61
57
|
function ParameterPickerGroup({ tag, parameters, selectedKeys, onToggle }) {
|
|
62
|
-
return (_jsxs("div", { className: e("group"), children: [
|
|
63
|
-
_jsx("div", { className: e("group-header"), children: tag }), _jsx("ul", { className: e("items"), children: parameters.map((parameter) => {
|
|
58
|
+
return (_jsxs("div", { className: e("group"), children: [_jsx("div", { className: e("group-header"), children: tag }), _jsx("ul", { className: e("items"), children: parameters.map((parameter) => {
|
|
64
59
|
const key = objRefToString(parameter.ref);
|
|
65
60
|
return (_jsx(ParameterPickerRow, { rowKey: key, title: parameter.title, isSelected: selectedKeys.has(key), onToggle: onToggle }, key));
|
|
66
|
-
}) })
|
|
67
|
-
] }));
|
|
61
|
+
}) })] }));
|
|
68
62
|
}
|
|
69
63
|
const ParameterPickerRow = memo(function ParameterPickerRow({ rowKey, title, isSelected, onToggle, }) {
|
|
70
|
-
return (_jsx("li", { className: e("item"), "data-testid": "parameter-picker-item", children: _jsxs("label", { className: e("item-label"), children: [
|
|
71
|
-
_jsx(UiCheckbox, { checked: isSelected, onChange: () => onToggle(rowKey) }), _jsx("span", { className: e("item-icon"), children: _jsx(UiIcon, { type: "parameter", size: 18, color: "currentColor" }) }), _jsx("span", { className: e("item-title"), children: title })
|
|
72
|
-
] }) }));
|
|
64
|
+
return (_jsx("li", { className: e("item"), "data-testid": "parameter-picker-item", children: _jsxs("label", { className: e("item-label"), children: [_jsx(UiCheckbox, { checked: isSelected, onChange: () => onToggle(rowKey) }), _jsx("span", { className: e("item-icon"), children: _jsx(UiIcon, { type: "parameter", size: 18, color: "currentColor" }) }), _jsx("span", { className: e("item-title"), children: title })] }) }));
|
|
73
65
|
});
|
|
74
66
|
function buildFilteredGroups(parameters, search, ungroupedLabel, collator, excludedKeys) {
|
|
75
67
|
const needle = search.toLowerCase();
|
|
@@ -21,13 +21,8 @@ export function CronExpression({ expression, description, onChange, onBlur, show
|
|
|
21
21
|
const cronPlaceholder = "* * * * * *";
|
|
22
22
|
const hasTimezone = Boolean(showTimezone && timezone);
|
|
23
23
|
const hasDescription = Boolean(description);
|
|
24
|
-
return (_jsxs(_Fragment, { children: [
|
|
25
|
-
_jsx("div", { className: cx("gd-recurrence-form-cron s-recurrence-form-cron", {
|
|
24
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: cx("gd-recurrence-form-cron s-recurrence-form-cron", {
|
|
26
25
|
"has-error": !!validationError,
|
|
27
26
|
"is-disabled": disabled,
|
|
28
|
-
}), children: _jsx("input", { className: "gd-input-field", type: "text", onChange: handleChange, onBlur: handleBlur, value: expression, placeholder: cronPlaceholder, disabled: disabled, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-labelledby": accessibilityConfig?.ariaLabelledBy }) }), hasDescription || hasTimezone ? (_jsxs("div", { className: "gd-recurrence-form-repeat-type-description s-recurrence-form-repeat-type-description", children: [hasDescription && !changed ? _jsx("span", { children: description }) : null, hasTimezone ? (_jsxs(_Fragment, { children: [
|
|
29
|
-
_jsx(FormattedMessage, { id: "gs.date.at", tagName: "span" }), _jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, className: "gd-recurrence-form-timezone-wrapper", children: [
|
|
30
|
-
_jsxs("span", { className: "gd-recurrence-form-timezone", children: [" ", timezone, " ", intl.formatMessage({ id: "gs.time" })] }), _jsxs(Bubble, { className: "bubble-primary", alignPoints: [{ align: "bc tc" }], children: [timezone, " ", intl.formatMessage({ id: "gs.time" })] })
|
|
31
|
-
] })
|
|
32
|
-
] })) : null] })) : null] }));
|
|
27
|
+
}), children: _jsx("input", { className: "gd-input-field", type: "text", onChange: handleChange, onBlur: handleBlur, value: expression, placeholder: cronPlaceholder, disabled: disabled, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-labelledby": accessibilityConfig?.ariaLabelledBy }) }), hasDescription || hasTimezone ? (_jsxs("div", { className: "gd-recurrence-form-repeat-type-description s-recurrence-form-repeat-type-description", children: [hasDescription && !changed ? _jsx("span", { children: description }) : null, hasTimezone ? (_jsxs(_Fragment, { children: [_jsx(FormattedMessage, { id: "gs.date.at", tagName: "span" }), _jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, className: "gd-recurrence-form-timezone-wrapper", children: [_jsxs("span", { className: "gd-recurrence-form-timezone", children: [" ", timezone, " ", intl.formatMessage({ id: "gs.time" })] }), _jsxs(Bubble, { className: "bubble-primary", alignPoints: [{ align: "bc tc" }], children: [timezone, " ", intl.formatMessage({ id: "gs.time" })] })] })] })) : null] })) : null] }));
|
|
33
28
|
}
|
|
@@ -59,14 +59,9 @@ export function DateTime({ label, date, dateFormat, locale, timezone, onDateChan
|
|
|
59
59
|
const datePickerClassNames = cx("gd-recurrence-form-datetime-date s-recurrence-form-datetime-date", {
|
|
60
60
|
"has-error": !isValid,
|
|
61
61
|
});
|
|
62
|
-
return (_jsx(ValidationContextStore, { value: validationContextValue, children: _jsxs("div", { className: "gd-recurrence-form-datetime s-recurrence-form-datetime gd-input-component", children: [
|
|
63
|
-
_jsx("div", { className: "gd-label", children: label }), _jsxs("div", { className: "gd-recurrence-form-datetime-inner", children: [
|
|
64
|
-
_jsxs("div", { className: "gd-recurrence-form-date", children: [
|
|
65
|
-
_jsx(Datepicker, { className: datePickerClassNames, date: date ?? undefined, dateFormat: dateFormat, locale: locale, placeholder: dateFormat, onChange: handleDateChange, onValidateInput: handleDateValidate, onBlur: handleDateBlur, weekStart: weekStart ?? undefined, accessibilityConfig: {
|
|
62
|
+
return (_jsx(ValidationContextStore, { value: validationContextValue, children: _jsxs("div", { className: "gd-recurrence-form-datetime s-recurrence-form-datetime gd-input-component", children: [_jsx("div", { className: "gd-label", children: label }), _jsxs("div", { className: "gd-recurrence-form-datetime-inner", children: [_jsxs("div", { className: "gd-recurrence-form-date", children: [_jsx(Datepicker, { className: datePickerClassNames, date: date ?? undefined, dateFormat: dateFormat, locale: locale, placeholder: dateFormat, onChange: handleDateChange, onValidateInput: handleDateValidate, onBlur: handleDateBlur, weekStart: weekStart ?? undefined, accessibilityConfig: {
|
|
66
63
|
ariaDescribedBy: isValid
|
|
67
64
|
? dateFormatId
|
|
68
65
|
: invalidDatapoints.map((d) => d.id).join(" "),
|
|
69
|
-
}, onDateInputKeyDown: handleOnDateInputKeyDown }), isValid ? (_jsx("span", { className: "gd-recurrence-form-datetime-help", id: dateFormatId, children: _jsx(FormattedMessage, { id: "recurrence.datetime.format.help", values: { dateFormat } }) })) : (_jsx(_Fragment, { children: invalidDatapoints.map((datapoint) => (_jsx("span", { id: datapoint.id, className: "gd-recurrence-form-datetime-error-message", children: datapoint.message }, datapoint.id))) }))] }), _jsx(Timepicker, { className: "gd-recurrence-form-datetime-time s-recurrence-form-datetime-time", time: date, onChange: handleTimeChange, overlayPositionType: "sameAsTarget", overlayZIndex: DEFAULT_DROPDOWN_ZINDEX, timeAnchor: TIME_ANCHOR, timeFormat: timeFormat, closeOnParentScroll: closeOnParentScroll, ariaDescribedBy: timezone ? timezoneId : undefined })
|
|
70
|
-
] }), timezone ? (_jsxs("div", { className: "gd-recurrence-form-datetime-timezone s-recurrence-form-datetime-timezone", children: [
|
|
71
|
-
_jsx("div", { className: "sr-only", id: timezoneId, children: _jsx(FormattedMessage, { id: "recurrence.datetime.timezone.help", values: { timezone } }) }), timezone] })) : null] }) }));
|
|
66
|
+
}, onDateInputKeyDown: handleOnDateInputKeyDown }), isValid ? (_jsx("span", { className: "gd-recurrence-form-datetime-help", id: dateFormatId, children: _jsx(FormattedMessage, { id: "recurrence.datetime.format.help", values: { dateFormat } }) })) : (_jsx(_Fragment, { children: invalidDatapoints.map((datapoint) => (_jsx("span", { id: datapoint.id, className: "gd-recurrence-form-datetime-error-message", children: datapoint.message }, datapoint.id))) }))] }), _jsx(Timepicker, { className: "gd-recurrence-form-datetime-time s-recurrence-form-datetime-time", time: date, onChange: handleTimeChange, overlayPositionType: "sameAsTarget", overlayZIndex: DEFAULT_DROPDOWN_ZINDEX, timeAnchor: TIME_ANCHOR, timeFormat: timeFormat, closeOnParentScroll: closeOnParentScroll, ariaDescribedBy: timezone ? timezoneId : undefined })] }), timezone ? (_jsxs("div", { className: "gd-recurrence-form-datetime-timezone s-recurrence-form-datetime-timezone", children: [_jsx("div", { className: "sr-only", id: timezoneId, children: _jsx(FormattedMessage, { id: "recurrence.datetime.timezone.help", values: { timezone } }) }), timezone] })) : null] }) }));
|
|
72
67
|
}
|
|
@@ -29,11 +29,8 @@ export function Recurrence({ label, recurrenceType, inheritRecurrenceType, start
|
|
|
29
29
|
(isInherit && inheritRecurrenceType === RECURRENCE_TYPES.CRON);
|
|
30
30
|
const isSpecified = recurrenceType !== RECURRENCE_TYPES.CRON ||
|
|
31
31
|
(isInherit && inheritRecurrenceType !== RECURRENCE_TYPES.CRON);
|
|
32
|
-
return (_jsxs(_Fragment, { children: [
|
|
33
|
-
_jsxs("div", { className: recurrenceFormClasses, children: [label ? (_jsx("label", { htmlFor: labelId, className: "gd-label", children: label })) : null, _jsxs("div", { className: "gd-recurrence-form-repeat-inner", children: [
|
|
34
|
-
_jsx(RepeatTypeSelect, { id: labelId, repeatType: recurrenceType, startDate: startDate, onChange: onRepeatTypeChange, allowHourlyRecurrence: allowHourlyRecurrence, showInheritValue: showInheritValue, onRepeatDropdownOpen: onRecurrenceDropdownOpen, closeOnParentScroll: closeOnParentScroll }), isSpecified && showRepeatTypeDescription ? (_jsx(RepeatTypeDescription, { repeatType: isInherit ? (inheritRecurrenceType ?? "") : recurrenceType, startDate: startDate, weekStart: weekStart, timezone: timezone ?? "", showTimezone: Boolean(showTimezoneInOccurrence && !isInherit) })) : null, isCron ? (_jsx(CronExpression, { expression: isInherit ? (cronPlaceholder ?? "") : (cronValue ?? ""), description: cronDescription, onChange: handleChange, allowHourlyRecurrence: allowHourlyRecurrence, timezone: timezone ?? "", showTimezone: showTimezoneInOccurrence, validationError: cronError ?? undefined, onBlur: handleOnBlur, accessibilityConfig: {
|
|
32
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: recurrenceFormClasses, children: [label ? (_jsx("label", { htmlFor: labelId, className: "gd-label", children: label })) : null, _jsxs("div", { className: "gd-recurrence-form-repeat-inner", children: [_jsx(RepeatTypeSelect, { id: labelId, repeatType: recurrenceType, startDate: startDate, onChange: onRepeatTypeChange, allowHourlyRecurrence: allowHourlyRecurrence, showInheritValue: showInheritValue, onRepeatDropdownOpen: onRecurrenceDropdownOpen, closeOnParentScroll: closeOnParentScroll }), isSpecified && showRepeatTypeDescription ? (_jsx(RepeatTypeDescription, { repeatType: isInherit ? (inheritRecurrenceType ?? "") : recurrenceType, startDate: startDate, weekStart: weekStart, timezone: timezone ?? "", showTimezone: Boolean(showTimezoneInOccurrence && !isInherit) })) : null, isCron ? (_jsx(CronExpression, { expression: isInherit ? (cronPlaceholder ?? "") : (cronValue ?? ""), description: cronDescription, onChange: handleChange, allowHourlyRecurrence: allowHourlyRecurrence, timezone: timezone ?? "", showTimezone: showTimezoneInOccurrence, validationError: cronError ?? undefined, onBlur: handleOnBlur, accessibilityConfig: {
|
|
35
33
|
ariaDescribedBy: cronError ? errorId : undefined,
|
|
36
34
|
ariaLabelledBy: labelId,
|
|
37
|
-
}, disabled: isInherit })) : null] })
|
|
38
|
-
] }), isInherit ? null : (_jsx(CronExpressionSuggestion, { errorId: errorId, validationError: cronError, recurrenceType: recurrenceType, isWhiteLabeled: isWhiteLabeled }))] }));
|
|
35
|
+
}, disabled: isInherit })) : null] })] }), isInherit ? null : (_jsx(CronExpressionSuggestion, { errorId: errorId, validationError: cronError, recurrenceType: recurrenceType, isWhiteLabeled: isWhiteLabeled }))] }));
|
|
39
36
|
}
|
|
@@ -33,8 +33,7 @@ function RecurrenceFormCore({ startDate = null, cronExpression = "", cronDescrip
|
|
|
33
33
|
setCronValue(cron);
|
|
34
34
|
onChange(cron, dateValue, isValid);
|
|
35
35
|
}, [dateValue, onChange]);
|
|
36
|
-
return (_jsxs("div", { className: cx("gd-recurrence-form s-recurrence-form", className), children: [Boolean(startDate) && (_jsx(DateTime, { label: startLabel ?? intl.formatMessage({ id: messages["starts"].id }), date: dateValue, onDateChange: onDateChange, locale: locale, dateFormat: dateFormat, timezone: timezone, weekStart: weekStart, timeFormat: timeFormat, closeOnParentScroll: closeDropdownsOnParentScroll, onKeyDownSubmit: onKeyDownSubmit })), _jsx(Recurrence, { label: repeatLabel ?? intl.formatMessage({ id: messages["repeats"].id }), showRepeatTypeDescription: showRepeatTypeDescription, recurrenceType: recurrenceType, inheritRecurrenceType: inheritRecurrenceType, startDate: dateValue, cronValue: cronValue, cronPlaceholder: placeholder, cronDescription: cronDescription, onRepeatTypeChange: onRepeatTypeChange, onCronValueChange: onCronValueChange, allowHourlyRecurrence: allowHourlyRecurrence, weekStart: weekStart, timezone: timezone, showInheritValue: showInheritValue, showTimezoneInOccurrence: showTimezoneInOccurrence, onRecurrenceDropdownOpen: onRecurrenceDropdownOpen, isWhiteLabeled: isWhiteLabeled, closeOnParentScroll: closeDropdownsOnParentScroll })
|
|
37
|
-
] }));
|
|
36
|
+
return (_jsxs("div", { className: cx("gd-recurrence-form s-recurrence-form", className), children: [Boolean(startDate) && (_jsx(DateTime, { label: startLabel ?? intl.formatMessage({ id: messages["starts"].id }), date: dateValue, onDateChange: onDateChange, locale: locale, dateFormat: dateFormat, timezone: timezone, weekStart: weekStart, timeFormat: timeFormat, closeOnParentScroll: closeDropdownsOnParentScroll, onKeyDownSubmit: onKeyDownSubmit })), _jsx(Recurrence, { label: repeatLabel ?? intl.formatMessage({ id: messages["repeats"].id }), showRepeatTypeDescription: showRepeatTypeDescription, recurrenceType: recurrenceType, inheritRecurrenceType: inheritRecurrenceType, startDate: dateValue, cronValue: cronValue, cronPlaceholder: placeholder, cronDescription: cronDescription, onRepeatTypeChange: onRepeatTypeChange, onCronValueChange: onCronValueChange, allowHourlyRecurrence: allowHourlyRecurrence, weekStart: weekStart, timezone: timezone, showInheritValue: showInheritValue, showTimezoneInOccurrence: showTimezoneInOccurrence, onRecurrenceDropdownOpen: onRecurrenceDropdownOpen, isWhiteLabeled: isWhiteLabeled, closeOnParentScroll: closeDropdownsOnParentScroll })] }));
|
|
38
37
|
}
|
|
39
38
|
/**
|
|
40
39
|
* @internal
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/RecurrenceForm/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAChD,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAC3C,eAAO,MAAM,mBAAmB,UAAU,CAAC;AAE3C,eAAO,MAAM,6BAA6B;;GAOzC,CAAC;AACF,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAC5C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/RecurrenceForm/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,eAAO,MAAM,cAAc,UAAU,CAAC;AACtC,eAAO,MAAM,mBAAmB,eAAe,CAAC;AAChD,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAC3C,eAAO,MAAM,mBAAmB,UAAU,CAAC;AAE3C,eAAO,MAAM,6BAA6B;;GAOzC,CAAC;AACF,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAC5C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,gBAAgB;IACzB,OAAO;IACP,MAAM;IACN,KAAK;IACL,MAAM;IACN,OAAO;IACP,IAAI;CACP,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCronValidation.d.ts","sourceRoot":"","sources":["../../src/RecurrenceForm/useCronValidation.ts"],"names":[],"mappings":"AASA,oBAAY,4BAA4B;IACpC,KAAK,UAAU;IACf,YAAY,iBAAiB;IAC7B,kBAAkB,uBAAuB;CAC5C;AAQD,UAAU,uBAAuB;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACpE;AAED,UAAU,wBAAwB;IAC9B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAeD,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"useCronValidation.d.ts","sourceRoot":"","sources":["../../src/RecurrenceForm/useCronValidation.ts"],"names":[],"mappings":"AASA,oBAAY,4BAA4B;IACpC,KAAK,UAAU;IACf,YAAY,iBAAiB;IAC7B,kBAAkB,uBAAuB;CAC5C;AAQD,UAAU,uBAAuB;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACpE;AAED,UAAU,wBAAwB;IAC9B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAeD,eAAO,MAAM,iBAAiB,UAAW,uBAAuB,KAAG,wBA2ElE,CAAC"}
|
|
@@ -3,8 +3,7 @@ import { useCallback, useState } from "react";
|
|
|
3
3
|
import * as cronParser from "cron-parser";
|
|
4
4
|
import { defineMessages } from "react-intl";
|
|
5
5
|
import { isCronExpressionValid } from "./utils/utils.js";
|
|
6
|
-
export
|
|
7
|
-
var RecurrenceFormCronErrorTypes;
|
|
6
|
+
export var RecurrenceFormCronErrorTypes;
|
|
8
7
|
(function (RecurrenceFormCronErrorTypes) {
|
|
9
8
|
RecurrenceFormCronErrorTypes["EMPTY"] = "EMPTY";
|
|
10
9
|
RecurrenceFormCronErrorTypes["WRONG_FORMAT"] = "WRONG_FORMAT";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type WeekStart } from "@gooddata/sdk-model";
|
|
2
|
+
import { type RecurrenceType } from "../types.js";
|
|
2
3
|
/**
|
|
3
4
|
* Simple recurrence type mapping function.
|
|
4
5
|
*
|
|
@@ -9,5 +10,5 @@ import { type WeekStart } from "@gooddata/sdk-model";
|
|
|
9
10
|
*
|
|
10
11
|
* @internal
|
|
11
12
|
*/
|
|
12
|
-
export declare const simpleRecurrenceTypeMappingFn: (_date?: Date | null
|
|
13
|
+
export declare const simpleRecurrenceTypeMappingFn: (_date?: Date | null, cronExpression?: string, allowHourlyRecurrence?: boolean, _showInheritValue?: boolean, weekStart?: WeekStart) => RecurrenceType;
|
|
13
14
|
//# sourceMappingURL=simpleRecurrenceTypeMappingFn.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simpleRecurrenceTypeMappingFn.d.ts","sourceRoot":"","sources":["../../../src/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"simpleRecurrenceTypeMappingFn.d.ts","sourceRoot":"","sources":["../../../src/RecurrenceForm/utils/simpleRecurrenceTypeMappingFn.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAuClD;;;;;;;;;GASG;AACH,eAAO,MAAM,6BAA6B,WAC9B,IAAI,GAAG,IAAI,mBACF,MAAM,0BACC,OAAO,sBACX,OAAO,cACf,SAAS,KACtB,cA0BF,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { type IntlShape } from "react-intl";
|
|
2
2
|
import { type WeekStart } from "@gooddata/sdk-model";
|
|
3
|
+
import { type RecurrenceType } from "../types.js";
|
|
3
4
|
export declare function getIntlDayName(intl: IntlShape, startDate: Date | null): string | null;
|
|
4
5
|
export declare function getWeekNumber(date: Date | null): number;
|
|
5
6
|
export declare function isLastOccurrenceOfWeekdayInMonth(date: Date | null): boolean;
|
|
6
|
-
export declare const constructCronExpression: (date: Date | null, recurrenceType:
|
|
7
|
+
export declare const constructCronExpression: (date: Date | null, recurrenceType: RecurrenceType, cronExpression: string, weekStart: WeekStart) => string | undefined;
|
|
7
8
|
/**
|
|
8
9
|
* Transforms cron expression to recurrence type
|
|
9
10
|
* @internal
|
|
@@ -14,7 +15,7 @@ export declare const constructCronExpression: (date: Date | null, recurrenceType
|
|
|
14
15
|
* @param allowInheritValue - whether inherit value is allowed
|
|
15
16
|
* @param weekStart - Week start day
|
|
16
17
|
*/
|
|
17
|
-
export declare const transformCronExpressionToRecurrenceType: (date: Date | null, cronExpression: string | undefined, allowHourlyRecurrence: boolean, allowInheritValue: boolean, weekStart: WeekStart) =>
|
|
18
|
-
export declare const transformRecurrenceTypeToDescription: (intl: IntlShape, recurrenceType:
|
|
18
|
+
export declare const transformCronExpressionToRecurrenceType: (date: Date | null, cronExpression: string | undefined, allowHourlyRecurrence: boolean, allowInheritValue: boolean, weekStart: WeekStart) => RecurrenceType;
|
|
19
|
+
export declare const transformRecurrenceTypeToDescription: (intl: IntlShape, recurrenceType: RecurrenceType, startDate: Date | null, weekStart: WeekStart) => string;
|
|
19
20
|
export declare const isCronExpressionValid: (expression: string | undefined, allowHourlyRecurrence: boolean) => boolean;
|
|
20
21
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/RecurrenceForm/utils/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/RecurrenceForm/utils/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAIlD,wBAAgB,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAKrF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAKvD;AAED,wBAAgB,gCAAgC,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAgB3E;AAaD,eAAO,MAAM,uBAAuB,SAC1B,IAAI,GAAG,IAAI,kBACD,cAAc,kBACd,MAAM,aACX,SAAS,uBA+BvB,CAAC;AAQF;;;;;;;;;GASG;AACH,eAAO,MAAM,uCAAuC,SAC1C,IAAI,GAAG,IAAI,kBACD,MAAM,GAAG,SAAS,yBACX,OAAO,qBACX,OAAO,aACf,SAAS,KACrB,cA4DF,CAAC;AAEF,eAAO,MAAM,oCAAoC,SACvC,SAAS,kBACC,cAAc,aACnB,IAAI,GAAG,IAAI,aACX,SAAS,KACrB,MAsDF,CAAC;AAEF,eAAO,MAAM,qBAAqB,eAClB,MAAM,GAAG,SAAS,yBACP,OAAO,KAC/B,OAcF,CAAC"}
|
|
@@ -7,18 +7,7 @@ import { Bubble } from "../Bubble/Bubble.js";
|
|
|
7
7
|
import { BubbleHoverTrigger } from "../Bubble/BubbleHoverTrigger.js";
|
|
8
8
|
import { RichText } from "./RichText.js";
|
|
9
9
|
const alignPoints = [{ align: "bc tc" }, { align: "tc bc" }];
|
|
10
|
-
const descriptionMarkdown = (_jsxs(_Fragment, { children: [
|
|
11
|
-
_jsx("br", {}),
|
|
12
|
-
"# Heading 1",
|
|
13
|
-
_jsx("br", {}),
|
|
14
|
-
"**Bold**",
|
|
15
|
-
_jsx("br", {}),
|
|
16
|
-
"* List",
|
|
17
|
-
_jsx("br", {}),
|
|
18
|
-
"[link](http://thisisalink.com)",
|
|
19
|
-
_jsx("br", {}),
|
|
20
|
-
"",
|
|
21
|
-
_jsx("br", {}), "{metric/metric_id}", _jsx("br", {}), "{label/label_id}"] }));
|
|
10
|
+
const descriptionMarkdown = (_jsxs(_Fragment, { children: [_jsx("br", {}), "# Heading 1", _jsx("br", {}), "**Bold**", _jsx("br", {}), "* List", _jsx("br", {}), "[link](http://thisisalink.com)", _jsx("br", {}), "", _jsx("br", {}), "{metric/metric_id}", _jsx("br", {}), "{label/label_id}"] }));
|
|
22
11
|
function RichTextWithTooltipCore({ value, onChange, renderMode, editPlaceholder, editRows, emptyElement, className, showTooltip = true, tooltipAlignPoints = alignPoints, tooltipDescription, tooltipMarkdown = descriptionMarkdown, autoResize, referencesEnabled, filters, separators, onLoadingChanged, onError, LoadingComponent, rawContent, execConfig, }) {
|
|
23
12
|
const intl = useIntl();
|
|
24
13
|
const description = tooltipDescription ?? intl.formatMessage({ id: "richText.tooltip" });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEvaluatedMetricsAndAttributes.d.ts","sourceRoot":"","sources":["../../../src/RichText/hooks/useEvaluatedMetricsAndAttributes.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,OAAO,EACZ,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,MAAM,EAId,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,KAAK,SAAS,EAKjB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC1B,GAAG,EAAE,QAAQ,CAAC;IACd,MAAM,EAAE,aAAa,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,gCAAgC,CAC5C,UAAU,EAAE,YAAY,EACxB,OAAO,EAAE,OAAO,EAAE,EAClB,MAAM,EAAE,gBAAgB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE
|
|
1
|
+
{"version":3,"file":"useEvaluatedMetricsAndAttributes.d.ts","sourceRoot":"","sources":["../../../src/RichText/hooks/useEvaluatedMetricsAndAttributes.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,OAAO,EACZ,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,MAAM,EAId,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,KAAK,SAAS,EAKjB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC1B,GAAG,EAAE,QAAQ,CAAC;IACd,MAAM,EAAE,aAAa,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,gCAAgC,CAC5C,UAAU,EAAE,YAAY,EACxB,OAAO,EAAE,OAAO,EAAE,EAClB,MAAM,EAAE,gBAAgB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE;IAqGvE,OAAO;IAKP,KAAK;IACL,MAAM;EAEb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rehype-references.d.ts","sourceRoot":"","sources":["../../../src/RichText/plugins/rehype-references.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAI5C,OAAO,EAAE,KAAK,WAAW,EAAuC,MAAM,qBAAqB,CAAC;AAG5F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAIpF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,eAAe,EAAE,EAAE,UAAU,CAAC,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"rehype-references.d.ts","sourceRoot":"","sources":["../../../src/RichText/plugins/rehype-references.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAI5C,OAAO,EAAE,KAAK,WAAW,EAAuC,MAAM,qBAAqB,CAAC;AAG5F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAIpF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,eAAe,EAAE,EAAE,UAAU,CAAC,EAAE,WAAW,gBAExE,IAAI,UAgBlC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"remark-references.d.ts","sourceRoot":"","sources":["../../../src/RichText/plugins/remark-references.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,OAAO,CAAC;AAIhD,wBAAgB,gBAAgB,
|
|
1
|
+
{"version":3,"file":"remark-references.d.ts","sourceRoot":"","sources":["../../../src/RichText/plugins/remark-references.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,OAAO,CAAC;AAIhD,wBAAgB,gBAAgB,iBAED,MAAM,YA+BpC"}
|
|
@@ -10,7 +10,5 @@ export function ScrollGradient({ backgroundColor = "#FFFFFF", size = 20, classNa
|
|
|
10
10
|
const { right, content, setContent } = useRightInScrollable();
|
|
11
11
|
const { top, bottom, onScrollHandler } = useScrollEvent(content, size / 2, onScroll);
|
|
12
12
|
const { topBackground, bottomBackground } = useGradientColor(backgroundColor);
|
|
13
|
-
return (_jsxs("div", { className: cx("gd-gradient-wrapper", className), children: [
|
|
14
|
-
_jsx("div", { className: cx("gd-gradient-top"), style: { right, opacity: top, height: size, background: topBackground } }), _jsx("div", { className: cx("gd-gradient-content", contentClassName), onScroll: onScrollHandler, ref: setContent, children: children }), _jsx("div", { className: cx("gd-gradient-bottom"), style: { right, opacity: bottom, height: size, background: bottomBackground } })
|
|
15
|
-
] }));
|
|
13
|
+
return (_jsxs("div", { className: cx("gd-gradient-wrapper", className), children: [_jsx("div", { className: cx("gd-gradient-top"), style: { right, opacity: top, height: size, background: topBackground } }), _jsx("div", { className: cx("gd-gradient-content", contentClassName), onScroll: onScrollHandler, ref: setContent, children: children }), _jsx("div", { className: cx("gd-gradient-bottom"), style: { right, opacity: bottom, height: size, background: bottomBackground } })] }));
|
|
16
14
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* @internal
|
|
3
3
|
*/
|
|
4
4
|
export declare const useScrollContext: () => {
|
|
5
|
-
scrollIntoView: (_element: HTMLElement, _bottomMargin?: number
|
|
5
|
+
scrollIntoView: (_element: HTMLElement, _bottomMargin?: number, _isElementInvisibleCheck?: isElementInvisibleType) => void;
|
|
6
6
|
};
|
|
7
7
|
/**
|
|
8
8
|
* @internal
|
|
@@ -12,9 +12,9 @@ export type isElementInvisibleType = (element: HTMLElement, container: HTMLEleme
|
|
|
12
12
|
* @internal
|
|
13
13
|
*/
|
|
14
14
|
export declare const scrollContextDefault: {
|
|
15
|
-
scrollIntoView: (_element: HTMLElement, _bottomMargin?: number
|
|
15
|
+
scrollIntoView: (_element: HTMLElement, _bottomMargin?: number, _isElementInvisibleCheck?: isElementInvisibleType) => void;
|
|
16
16
|
};
|
|
17
17
|
export declare const ScrollContext: import("react").Context<{
|
|
18
|
-
scrollIntoView: (_element: HTMLElement, _bottomMargin?: number
|
|
18
|
+
scrollIntoView: (_element: HTMLElement, _bottomMargin?: number, _isElementInvisibleCheck?: isElementInvisibleType) => void;
|
|
19
19
|
}>;
|
|
20
20
|
//# sourceMappingURL=ScrollContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollContext.d.ts","sourceRoot":"","sources":["../../src/ScrollablePanel/ScrollContext.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,gBAAgB
|
|
1
|
+
{"version":3,"file":"ScrollContext.d.ts","sourceRoot":"","sources":["../../src/ScrollablePanel/ScrollContext.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,gBAAgB;+BAYX,WAAW,kBACL,MAAM,6BACK,sBAAsB;CAdM,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,KAAK,OAAO,CAAC;AAE/F;;GAEG;AACH,eAAO,MAAM,oBAAoB;IAC7B,cAAc,aACA,WAAW,kBACL,MAAM,6BACK,sBAAsB;CAExD,CAAC;AAEF,eAAO,MAAM,aAAa;+BANR,WAAW,kBACL,MAAM,6BACK,sBAAsB;EAIO,CAAC"}
|
|
@@ -10,9 +10,7 @@ const getActionElement = (actionType, value, isDisableAction, onActionCallback)
|
|
|
10
10
|
case "LinkButton":
|
|
11
11
|
return (_jsx(Button, { className: "gd-button-link-dimmed", value: value, disabled: isDisableAction, onClick: onActionCallback }));
|
|
12
12
|
case "Switcher":
|
|
13
|
-
return (_jsxs("label", { className: "input-checkbox-toggle", children: [
|
|
14
|
-
_jsx("input", { type: "checkbox", checked: value, disabled: isDisableAction, onChange: onActionCallback, className: `s-checkbox-toggle ${isDisableAction ? "s-disabled" : "s-enabled"}` }), _jsx("span", { className: "input-label-text" })
|
|
15
|
-
] }));
|
|
13
|
+
return (_jsxs("label", { className: "input-checkbox-toggle", children: [_jsx("input", { type: "checkbox", checked: value, disabled: isDisableAction, onChange: onActionCallback, className: `s-checkbox-toggle ${isDisableAction ? "s-disabled" : "s-enabled"}` }), _jsx("span", { className: "input-label-text" })] }));
|
|
16
14
|
default:
|
|
17
15
|
return (_jsx(Button, { className: "gd-button-secondary gd-button-small", value: value, disabled: isDisableAction, onClick: onActionCallback }));
|
|
18
16
|
}
|
|
@@ -21,12 +19,5 @@ const getActionElement = (actionType, value, isDisableAction, onActionCallback)
|
|
|
21
19
|
* @internal
|
|
22
20
|
*/
|
|
23
21
|
export function SettingItem({ className, title, titleTooltipText, alignPointTitleTooltip, value, actionType, actionValue, hasDivider, isLoading, isDisableAction, actionTooltipText, alignPointActionTooltip, onAction, renderSubtitle, titleTooltipHideDelay = 0, }) {
|
|
24
|
-
return (_jsxs("div", { className: cx(className, "gd-setting-item-container", { divider: hasDivider }), children: [
|
|
25
|
-
_jsxs("div", { className: "gd-setting-item-title", children: [
|
|
26
|
-
_jsx("span", { className: "title", children: title }), titleTooltipText ? (_jsxs(BubbleHoverTrigger, { hideDelay: titleTooltipHideDelay, children: [
|
|
27
|
-
_jsx("span", { className: "icon-circle-question gd-icon-circle-question" }), _jsx(Bubble, { className: cx(className, "bubble-primary"), alignPoints: alignPointTitleTooltip || DEFAULT_ALIGN_POINT_TITLE_TOOLTIP, children: titleTooltipText })
|
|
28
|
-
] })) : null, renderSubtitle?.()] }), _jsxs("div", { className: "gd-setting-item-state", children: [isLoading ? _jsx("span", { className: cx("gd-spinner middle") }) : null, !isLoading && (_jsxs(_Fragment, { children: [
|
|
29
|
-
_jsx("div", { className: "gd-setting-item-value", children: value }), _jsx("div", { className: "gd-setting-item-action", children: _jsxs(BubbleHoverTrigger, { children: [getActionElement(actionType, actionValue, isDisableAction ?? false, onAction), actionTooltipText ? (_jsx(Bubble, { className: cx(className, "bubble-primary"), alignPoints: alignPointActionTooltip || DEFAULT_ALIGN_POINT_ACTION_TOOLTIP, children: actionTooltipText })) : null] }) })
|
|
30
|
-
] }))] })
|
|
31
|
-
] }));
|
|
22
|
+
return (_jsxs("div", { className: cx(className, "gd-setting-item-container", { divider: hasDivider }), children: [_jsxs("div", { className: "gd-setting-item-title", children: [_jsx("span", { className: "title", children: title }), titleTooltipText ? (_jsxs(BubbleHoverTrigger, { hideDelay: titleTooltipHideDelay, children: [_jsx("span", { className: "icon-circle-question gd-icon-circle-question" }), _jsx(Bubble, { className: cx(className, "bubble-primary"), alignPoints: alignPointTitleTooltip || DEFAULT_ALIGN_POINT_TITLE_TOOLTIP, children: titleTooltipText })] })) : null, renderSubtitle?.()] }), _jsxs("div", { className: "gd-setting-item-state", children: [isLoading ? _jsx("span", { className: cx("gd-spinner middle") }) : null, !isLoading && (_jsxs(_Fragment, { children: [_jsx("div", { className: "gd-setting-item-value", children: value }), _jsx("div", { className: "gd-setting-item-action", children: _jsxs(BubbleHoverTrigger, { children: [getActionElement(actionType, actionValue, isDisableAction ?? false, onAction), actionTooltipText ? (_jsx(Bubble, { className: cx(className, "bubble-primary"), alignPoints: alignPointActionTooltip || DEFAULT_ALIGN_POINT_ACTION_TOOLTIP, children: actionTooltipText })) : null] }) })] }))] })] }));
|
|
32
23
|
}
|
|
@@ -3,6 +3,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
* @internal
|
|
4
4
|
*/
|
|
5
5
|
export function FooterButtons({ children }) {
|
|
6
|
-
return (_jsxs("span", { className: "gd-widget-footer-buttons", children: [
|
|
7
|
-
_jsx("div", { className: "gd-widget-footer-buttons-separator" }), children] }));
|
|
6
|
+
return (_jsxs("span", { className: "gd-widget-footer-buttons", children: [_jsx("div", { className: "gd-widget-footer-buttons-separator" }), children] }));
|
|
8
7
|
}
|
|
@@ -15,8 +15,5 @@ import { Title } from "../Title.js";
|
|
|
15
15
|
* @internal
|
|
16
16
|
*/
|
|
17
17
|
export function SimpleSettingWidget({ title, currentSettingStatus, titleTooltip, helpLinkText, helpLinkUrl, actionButtonText, isLoading, onSubmit, onHelpLinkClick, }) {
|
|
18
|
-
return (_jsxs(SettingWidget, { children: [
|
|
19
|
-
_jsxs(Header, { children: [
|
|
20
|
-
_jsx(Title, { title: title, tooltip: titleTooltip }), isLoading ? (_jsx(LoadingSpinner, { className: "small gd-loading-equalizer-spinner" })) : (_jsx("span", { className: "gd-setting-widget-status-pill", children: currentSettingStatus }))] }), _jsx(Separator, {}), _jsxs(Footer, { children: [helpLinkText && helpLinkUrl ? (_jsx(Hyperlink, { text: helpLinkText, href: helpLinkUrl, iconClass: "gd-icon-circle-question", onClick: onHelpLinkClick })) : null, isLoading ? null : (_jsx(FooterButtons, { children: _jsx(Button, { className: "gd-button-action", onClick: onSubmit, disabled: isLoading, value: actionButtonText }) }))] })
|
|
21
|
-
] }));
|
|
18
|
+
return (_jsxs(SettingWidget, { children: [_jsxs(Header, { children: [_jsx(Title, { title: title, tooltip: titleTooltip }), isLoading ? (_jsx(LoadingSpinner, { className: "small gd-loading-equalizer-spinner" })) : (_jsx("span", { className: "gd-setting-widget-status-pill", children: currentSettingStatus }))] }), _jsx(Separator, {}), _jsxs(Footer, { children: [helpLinkText && helpLinkUrl ? (_jsx(Hyperlink, { text: helpLinkText, href: helpLinkUrl, iconClass: "gd-icon-circle-question", onClick: onHelpLinkClick })) : null, isLoading ? null : (_jsx(FooterButtons, { children: _jsx(Button, { className: "gd-button-action", onClick: onSubmit, disabled: isLoading, value: actionButtonText }) }))] })] }));
|
|
22
19
|
}
|
|
@@ -6,13 +6,7 @@ import { StylingSettingList } from "./StylingSettingList.js";
|
|
|
6
6
|
import { StylingSettingListItem } from "./StylingSettingListItem.js";
|
|
7
7
|
export function StylingSettingBody({ isMobile, defaultItem, customItems, itemToColorPreview, emptyMessage, isLoading, onListActionClick, initiallySelectedItemRef, selectedItemRef, onItemClick, onItemEdit, onItemDelete, onItemMenuToggle, isEditingSupported, }) {
|
|
8
8
|
const intl = useIntl();
|
|
9
|
-
return (_jsx("div", { className: "gd-styling-picker-body", children: isLoading ? (_jsx(DialogListLoading, { className: "gd-styling-picker-body-loading s-styling-picker-body-loading" })) : (_jsxs(_Fragment, { children: [
|
|
10
|
-
_jsxs("div", { children: [
|
|
11
|
-
_jsx(DialogListHeader, { className: "gd-styling-picker-list-header", title: intl.formatMessage({ id: "stylingPicker.title.basic" }) }), _jsx(StylingSettingListItem, { item: defaultItem, itemToColorPreview: itemToColorPreview, isSelected: !selectedItemRef, onClick: () => onItemClick(null) })
|
|
12
|
-
] }), _jsxs("div", { className: "gd-styling-picker-list-wrapper", children: [
|
|
13
|
-
_jsx(DialogListHeader, { title: intl.formatMessage({ id: "stylingPicker.title.custom" }), buttonTitle: isMobile || !isEditingSupported
|
|
9
|
+
return (_jsx("div", { className: "gd-styling-picker-body", children: isLoading ? (_jsx(DialogListLoading, { className: "gd-styling-picker-body-loading s-styling-picker-body-loading" })) : (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx(DialogListHeader, { className: "gd-styling-picker-list-header", title: intl.formatMessage({ id: "stylingPicker.title.basic" }) }), _jsx(StylingSettingListItem, { item: defaultItem, itemToColorPreview: itemToColorPreview, isSelected: !selectedItemRef, onClick: () => onItemClick(null) })] }), _jsxs("div", { className: "gd-styling-picker-list-wrapper", children: [_jsx(DialogListHeader, { title: intl.formatMessage({ id: "stylingPicker.title.custom" }), buttonTitle: isMobile || !isEditingSupported
|
|
14
10
|
? undefined
|
|
15
|
-
: intl.formatMessage({ id: "stylingPicker.title.create" }), onButtonClick: onListActionClick, className: "gd-styling-picker-list-header s-styling-picker-list-header" }), _jsx(StylingSettingList, { items: customItems, itemToColorPreview: itemToColorPreview, emptyMessageElement: emptyMessage(), onItemClick: onItemClick, onItemEdit: isMobile || !isEditingSupported ? undefined : onItemEdit, onItemDelete: isMobile || !isEditingSupported ? undefined : onItemDelete, initiallySelectedItemRef: initiallySelectedItemRef ?? undefined, selectedItemRef: selectedItemRef, onItemMenuToggle: onItemMenuToggle })
|
|
16
|
-
] })
|
|
17
|
-
] })) }));
|
|
11
|
+
: intl.formatMessage({ id: "stylingPicker.title.create" }), onButtonClick: onListActionClick, className: "gd-styling-picker-list-header s-styling-picker-list-header" }), _jsx(StylingSettingList, { items: customItems, itemToColorPreview: itemToColorPreview, emptyMessageElement: emptyMessage(), onItemClick: onItemClick, onItemEdit: isMobile || !isEditingSupported ? undefined : onItemEdit, onItemDelete: isMobile || !isEditingSupported ? undefined : onItemDelete, initiallySelectedItemRef: initiallySelectedItemRef ?? undefined, selectedItemRef: selectedItemRef, onItemMenuToggle: onItemMenuToggle })] })] })) }));
|
|
18
12
|
}
|
|
@@ -30,10 +30,5 @@ export function StylingSettingListItem({ item, itemToColorPreview, isSelected, i
|
|
|
30
30
|
const isMenuVisible = onEdit || onDelete;
|
|
31
31
|
return (_jsxs("div", { className: cx("gd-styling-picker-list-item", "s-styling-picker-list-item", `s-styling-picker-list-item-${simplifyText(name ?? "")}`, {
|
|
32
32
|
"is-selected": isSelected,
|
|
33
|
-
}), children: [
|
|
34
|
-
_jsxs("label", { className: "input-radio-label gd-styling-picker-list-item-content", children: [
|
|
35
|
-
_jsx("input", { "aria-label": simplifyText(name ?? ""), type: "radio", className: "input-radio", readOnly: true, checked: isSelected, onClick: () => ref && onClick(ref) }), _jsx(ColorPreview, { className: "gd-styling-picker-list-item-colors", colors: colorsPreview }), _jsx("span", { className: "input-label-text gd-styling-picker-list-item-text", children: _jsx(ShortenedText, { className: "gd-styling-picker-list-item-text-shortened", tooltipAlignPoints: TEXT_TOOLTIP_ALIGN_POINTS, children: name ?? "" }) })
|
|
36
|
-
] }), isMenuVisible ? (_jsx(Menu, { toggler: _jsx(Button, { value: "...", className: "gd-button-link-dimmed gd-styling-item-menu s-menu-toggle", onClick: toggleMenu }), opened: opened, openAction: "click", closeOnScroll: true, onOpenedChange: onOpenedChange, children: _jsxs(ItemsWrapper, { className: "s-styling-item-menu-items", smallItemsSpacing: true, children: [
|
|
37
|
-
_jsx(Item, { className: "s-styling-item-menu-item-edit", onClick: () => onEdit?.(item), children: intl.formatMessage({ id: "stylingPicker.item.edit" }) }), _jsx(Separator, {}), _jsx(Item, { className: "s-styling-item-menu-item-delete", onClick: () => isDeletable && ref && onDelete?.(ref), disabled: !isDeletable, children: _jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [intl.formatMessage({ id: "stylingPicker.item.delete" }), isDeletable ? null : (_jsx(Bubble, { className: "bubble-primary", children: intl.formatMessage({ id: "stylingPicker.item.delete.tooltip" }) }))] }) })
|
|
38
|
-
] }) })) : null] }));
|
|
33
|
+
}), children: [_jsxs("label", { className: "input-radio-label gd-styling-picker-list-item-content", children: [_jsx("input", { "aria-label": simplifyText(name ?? ""), type: "radio", className: "input-radio", readOnly: true, checked: isSelected, onClick: () => ref && onClick(ref) }), _jsx(ColorPreview, { className: "gd-styling-picker-list-item-colors", colors: colorsPreview }), _jsx("span", { className: "input-label-text gd-styling-picker-list-item-text", children: _jsx(ShortenedText, { className: "gd-styling-picker-list-item-text-shortened", tooltipAlignPoints: TEXT_TOOLTIP_ALIGN_POINTS, children: name ?? "" }) })] }), isMenuVisible ? (_jsx(Menu, { toggler: _jsx(Button, { value: "...", className: "gd-button-link-dimmed gd-styling-item-menu s-menu-toggle", onClick: toggleMenu }), opened: opened, openAction: "click", closeOnScroll: true, onOpenedChange: onOpenedChange, children: _jsxs(ItemsWrapper, { className: "s-styling-item-menu-items", smallItemsSpacing: true, children: [_jsx(Item, { className: "s-styling-item-menu-item-edit", onClick: () => onEdit?.(item), children: intl.formatMessage({ id: "stylingPicker.item.edit" }) }), _jsx(Separator, {}), _jsx(Item, { className: "s-styling-item-menu-item-delete", onClick: () => isDeletable && ref && onDelete?.(ref), disabled: !isDeletable, children: _jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [intl.formatMessage({ id: "stylingPicker.item.delete" }), isDeletable ? null : (_jsx(Bubble, { className: "bubble-primary", children: intl.formatMessage({ id: "stylingPicker.item.delete.tooltip" }) }))] }) })] }) })) : null] }));
|
|
39
34
|
}
|
|
@@ -43,11 +43,7 @@ function StylingSettingWidgetCore({ title, defaultItem, customItems, itemToColor
|
|
|
43
43
|
const handleApply = useCallback(() => {
|
|
44
44
|
onApply?.(currentItemRef);
|
|
45
45
|
}, [onApply, currentItemRef]);
|
|
46
|
-
return (_jsxs(SettingWidget, { className: cx("s-styling-picker", className), children: [
|
|
47
|
-
_jsx(Header, { children: _jsx(Title, { title: title, tooltip: titleTooltip }) }), _jsx(StylingSettingBody, { isMobile: isMobileDevice, defaultItem: defaultItem, customItems: customItems, itemToColorPreview: itemToColorPreview, emptyMessage: emptyMessage, isLoading: isLoading, onListActionClick: onListActionClick, initiallySelectedItemRef: initiallySelectedItemRef, selectedItemRef: currentItemRef, onItemClick: onItemClick, onItemEdit: onItemEdit, onItemDelete: onItemDelete, onItemMenuToggle: onItemMenuToggle, isEditingSupported: isEditingSupported }), _jsx(Separator, {}), _jsxs(Footer, { children: [isMobileDevice && footerMobileMessage ? (_jsx(Message, { className: "gd-styling-picker-footer-message", type: "progress", children: footerMobileMessage })) : null, footerHelpLink && footerHelpTitle ? (_jsx(Hyperlink, { text: footerHelpTitle, href: footerHelpLink, iconClass: "gd-icon-circle-question", onClick: onHelpClick })) : null, _jsxs(FooterButtons, { children: [isSavingActionInProgress ? _jsx(LoadingSpinner, { className: "gd-dialog-spinner small" }) : null, _jsx(Button, { className: "gd-button-secondary", onClick: handleCancel, disabled: shouldDisableCancelButton ?? isApplyButtonDisabled, value: intl.formatMessage({ id: "cancel" }) }), _jsx(Button, { className: "gd-button-action", onClick: handleApply, disabled: (shouldDisableApplyButton ?? isApplyButtonDisabled) || isSavingActionInProgress, value: intl.formatMessage({ id: "apply" }) })
|
|
48
|
-
] })
|
|
49
|
-
] })
|
|
50
|
-
] }));
|
|
46
|
+
return (_jsxs(SettingWidget, { className: cx("s-styling-picker", className), children: [_jsx(Header, { children: _jsx(Title, { title: title, tooltip: titleTooltip }) }), _jsx(StylingSettingBody, { isMobile: isMobileDevice, defaultItem: defaultItem, customItems: customItems, itemToColorPreview: itemToColorPreview, emptyMessage: emptyMessage, isLoading: isLoading, onListActionClick: onListActionClick, initiallySelectedItemRef: initiallySelectedItemRef, selectedItemRef: currentItemRef, onItemClick: onItemClick, onItemEdit: onItemEdit, onItemDelete: onItemDelete, onItemMenuToggle: onItemMenuToggle, isEditingSupported: isEditingSupported }), _jsx(Separator, {}), _jsxs(Footer, { children: [isMobileDevice && footerMobileMessage ? (_jsx(Message, { className: "gd-styling-picker-footer-message", type: "progress", children: footerMobileMessage })) : null, footerHelpLink && footerHelpTitle ? (_jsx(Hyperlink, { text: footerHelpTitle, href: footerHelpLink, iconClass: "gd-icon-circle-question", onClick: onHelpClick })) : null, _jsxs(FooterButtons, { children: [isSavingActionInProgress ? _jsx(LoadingSpinner, { className: "gd-dialog-spinner small" }) : null, _jsx(Button, { className: "gd-button-secondary", onClick: handleCancel, disabled: shouldDisableCancelButton ?? isApplyButtonDisabled, value: intl.formatMessage({ id: "cancel" }) }), _jsx(Button, { className: "gd-button-action", onClick: handleApply, disabled: (shouldDisableApplyButton ?? isApplyButtonDisabled) || isSavingActionInProgress, value: intl.formatMessage({ id: "apply" }) })] })] })] }));
|
|
51
47
|
}
|
|
52
48
|
/**
|
|
53
49
|
* @internal
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/SettingWidget/StylingSettingWidget/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAClB,KAAK,uBAAuB,EAC5B,KAAK,MAAM,EACX,KAAK,gBAAgB,EAGxB,MAAM,qBAAqB,CAAC;AAG7B;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,EAAE,gBAwBxC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/SettingWidget/StylingSettingWidget/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAClB,KAAK,uBAAuB,EAC5B,KAAK,MAAM,EACX,KAAK,gBAAgB,EAGxB,MAAM,qBAAqB,CAAC;AAG7B;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,EAAE,gBAwBxC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,UAAW,MAAM,KAAG,MAAM,EA2B/D,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,iCAAiC,EAAE,uBAW/C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gCAAgC,iBAAkB,aAAa,KAAG,MAAM,EAEpF,CAAC"}
|
|
@@ -8,7 +8,5 @@ import { ALIGN_POINTS, ARROW_OFFSETS } from "./constants.js";
|
|
|
8
8
|
* @internal
|
|
9
9
|
*/
|
|
10
10
|
export function TooltipIcon({ text, iconClass, arrowOffsets = ARROW_OFFSETS, alignPoints = ALIGN_POINTS, }) {
|
|
11
|
-
return (_jsx("span", { children: _jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [
|
|
12
|
-
_jsx("span", { className: cx("gd-tooltip-icon", iconClass) }), _jsx(Bubble, { arrowOffsets: arrowOffsets, alignPoints: alignPoints, children: text })
|
|
13
|
-
] }) }));
|
|
11
|
+
return (_jsx("span", { children: _jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [_jsx("span", { className: cx("gd-tooltip-icon", iconClass) }), _jsx(Bubble, { arrowOffsets: arrowOffsets, alignPoints: alignPoints, children: text })] }) }));
|
|
14
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/SettingWidget/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY;;GAA+D,CAAC;AACzF,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/SettingWidget/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY;;GAA+D,CAAC;AACzF,eAAO,MAAM,aAAa;IAAK,OAAO;IAAa,OAAO;IAAW,OAAO;CAAY,CAAC"}
|