@fivepixels-js/react 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +648 -0
- package/dist/components/ShortcutHint.d.ts +8 -0
- package/dist/components/ShortcutHint.d.ts.map +1 -0
- package/dist/components/ShortcutHint.js +9 -0
- package/dist/components/ShortcutHint.js.map +1 -0
- package/dist/components/icons/Icons.d.ts +70 -0
- package/dist/components/icons/Icons.d.ts.map +1 -0
- package/dist/components/icons/Icons.js +127 -0
- package/dist/components/icons/Icons.js.map +1 -0
- package/dist/components/icons/MaterialIcon.d.ts +8 -0
- package/dist/components/icons/MaterialIcon.d.ts.map +1 -0
- package/dist/components/icons/MaterialIcon.js +5 -0
- package/dist/components/icons/MaterialIcon.js.map +1 -0
- package/dist/components/motion/index.d.ts +48 -0
- package/dist/components/motion/index.d.ts.map +1 -0
- package/dist/components/motion/index.js +910 -0
- package/dist/components/motion/index.js.map +1 -0
- package/dist/components/overlay/ReportOverlayLayer.d.ts +7 -0
- package/dist/components/overlay/ReportOverlayLayer.d.ts.map +1 -0
- package/dist/components/overlay/ReportOverlayLayer.js +14 -0
- package/dist/components/overlay/ReportOverlayLayer.js.map +1 -0
- package/dist/components/overlay/TargetHighlights.d.ts +9 -0
- package/dist/components/overlay/TargetHighlights.d.ts.map +1 -0
- package/dist/components/overlay/TargetHighlights.js +24 -0
- package/dist/components/overlay/TargetHighlights.js.map +1 -0
- package/dist/components/panel/PanelDockGuides.d.ts +8 -0
- package/dist/components/panel/PanelDockGuides.d.ts.map +1 -0
- package/dist/components/panel/PanelDockGuides.js +15 -0
- package/dist/components/panel/PanelDockGuides.js.map +1 -0
- package/dist/components/panel/PanelDropdownMenu.d.ts +19 -0
- package/dist/components/panel/PanelDropdownMenu.d.ts.map +1 -0
- package/dist/components/panel/PanelDropdownMenu.js +132 -0
- package/dist/components/panel/PanelDropdownMenu.js.map +1 -0
- package/dist/components/panel/PanelMoreMenu.d.ts +20 -0
- package/dist/components/panel/PanelMoreMenu.d.ts.map +1 -0
- package/dist/components/panel/PanelMoreMenu.js +20 -0
- package/dist/components/panel/PanelMoreMenu.js.map +1 -0
- package/dist/components/panel/PanelOptionSwitch.d.ts +14 -0
- package/dist/components/panel/PanelOptionSwitch.d.ts.map +1 -0
- package/dist/components/panel/PanelOptionSwitch.js +10 -0
- package/dist/components/panel/PanelOptionSwitch.js.map +1 -0
- package/dist/components/panel/ReportCommandPanel.d.ts +18 -0
- package/dist/components/panel/ReportCommandPanel.d.ts.map +1 -0
- package/dist/components/panel/ReportCommandPanel.js +43 -0
- package/dist/components/panel/ReportCommandPanel.js.map +1 -0
- package/dist/components/panel/ReportCommandReplaceConfirmDialog.d.ts +9 -0
- package/dist/components/panel/ReportCommandReplaceConfirmDialog.d.ts.map +1 -0
- package/dist/components/panel/ReportCommandReplaceConfirmDialog.js +7 -0
- package/dist/components/panel/ReportCommandReplaceConfirmDialog.js.map +1 -0
- package/dist/components/panel/ReportControlPanel.d.ts +2 -0
- package/dist/components/panel/ReportControlPanel.d.ts.map +1 -0
- package/dist/components/panel/ReportControlPanel.js +119 -0
- package/dist/components/panel/ReportControlPanel.js.map +1 -0
- package/dist/components/panel/ReportDraftForm.d.ts +2 -0
- package/dist/components/panel/ReportDraftForm.d.ts.map +1 -0
- package/dist/components/panel/ReportDraftForm.js +33 -0
- package/dist/components/panel/ReportDraftForm.js.map +1 -0
- package/dist/components/panel/ReportFeedbackList.d.ts +2 -0
- package/dist/components/panel/ReportFeedbackList.d.ts.map +1 -0
- package/dist/components/panel/ReportFeedbackList.js +165 -0
- package/dist/components/panel/ReportFeedbackList.js.map +1 -0
- package/dist/components/panel/ReportImportConfirmDialog.d.ts +8 -0
- package/dist/components/panel/ReportImportConfirmDialog.d.ts.map +1 -0
- package/dist/components/panel/ReportImportConfirmDialog.js +7 -0
- package/dist/components/panel/ReportImportConfirmDialog.js.map +1 -0
- package/dist/components/panel/ReportImportProjectMismatchDialog.d.ts +12 -0
- package/dist/components/panel/ReportImportProjectMismatchDialog.d.ts.map +1 -0
- package/dist/components/panel/ReportImportProjectMismatchDialog.js +19 -0
- package/dist/components/panel/ReportImportProjectMismatchDialog.js.map +1 -0
- package/dist/components/panel/ReportPersonalKeyDialog.d.ts +8 -0
- package/dist/components/panel/ReportPersonalKeyDialog.d.ts.map +1 -0
- package/dist/components/panel/ReportPersonalKeyDialog.js +60 -0
- package/dist/components/panel/ReportPersonalKeyDialog.js.map +1 -0
- package/dist/components/panel/ReportRouteDetails.d.ts +2 -0
- package/dist/components/panel/ReportRouteDetails.d.ts.map +1 -0
- package/dist/components/panel/ReportRouteDetails.js +18 -0
- package/dist/components/panel/ReportRouteDetails.js.map +1 -0
- package/dist/components/panel/feedback/AuthorSelector.d.ts +9 -0
- package/dist/components/panel/feedback/AuthorSelector.d.ts.map +1 -0
- package/dist/components/panel/feedback/AuthorSelector.js +17 -0
- package/dist/components/panel/feedback/AuthorSelector.js.map +1 -0
- package/dist/components/panel/feedback/FeedbackComposer.d.ts +23 -0
- package/dist/components/panel/feedback/FeedbackComposer.d.ts.map +1 -0
- package/dist/components/panel/feedback/FeedbackComposer.js +48 -0
- package/dist/components/panel/feedback/FeedbackComposer.js.map +1 -0
- package/dist/components/panel/feedback/FeedbackCreatorBadge.d.ts +2 -0
- package/dist/components/panel/feedback/FeedbackCreatorBadge.d.ts.map +1 -0
- package/dist/components/panel/feedback/FeedbackCreatorBadge.js +7 -0
- package/dist/components/panel/feedback/FeedbackCreatorBadge.js.map +1 -0
- package/dist/components/panel/feedback/FeedbackFieldTags.d.ts +9 -0
- package/dist/components/panel/feedback/FeedbackFieldTags.d.ts.map +1 -0
- package/dist/components/panel/feedback/FeedbackFieldTags.js +8 -0
- package/dist/components/panel/feedback/FeedbackFieldTags.js.map +1 -0
- package/dist/components/panel/feedback/FeedbackHoverCard.d.ts +11 -0
- package/dist/components/panel/feedback/FeedbackHoverCard.d.ts.map +1 -0
- package/dist/components/panel/feedback/FeedbackHoverCard.js +14 -0
- package/dist/components/panel/feedback/FeedbackHoverCard.js.map +1 -0
- package/dist/components/panel/feedback/FeedbackIssueHeader.d.ts +12 -0
- package/dist/components/panel/feedback/FeedbackIssueHeader.d.ts.map +1 -0
- package/dist/components/panel/feedback/FeedbackIssueHeader.js +10 -0
- package/dist/components/panel/feedback/FeedbackIssueHeader.js.map +1 -0
- package/dist/components/panel/feedback/FeedbackStatusBadge.d.ts +8 -0
- package/dist/components/panel/feedback/FeedbackStatusBadge.d.ts.map +1 -0
- package/dist/components/panel/feedback/FeedbackStatusBadge.js +10 -0
- package/dist/components/panel/feedback/FeedbackStatusBadge.js.map +1 -0
- package/dist/components/panel/feedback/FeedbackThread.d.ts +21 -0
- package/dist/components/panel/feedback/FeedbackThread.d.ts.map +1 -0
- package/dist/components/panel/feedback/FeedbackThread.js +90 -0
- package/dist/components/panel/feedback/FeedbackThread.js.map +1 -0
- package/dist/components/panel/feedback/FieldTagSelector.d.ts +9 -0
- package/dist/components/panel/feedback/FieldTagSelector.d.ts.map +1 -0
- package/dist/components/panel/feedback/FieldTagSelector.js +15 -0
- package/dist/components/panel/feedback/FieldTagSelector.js.map +1 -0
- package/dist/components/panel/feedback/GitIssueButton.d.ts +12 -0
- package/dist/components/panel/feedback/GitIssueButton.d.ts.map +1 -0
- package/dist/components/panel/feedback/GitIssueButton.js +43 -0
- package/dist/components/panel/feedback/GitIssueButton.js.map +1 -0
- package/dist/components/panel/feedback/GitIssuedThreadEntry.d.ts +8 -0
- package/dist/components/panel/feedback/GitIssuedThreadEntry.d.ts.map +1 -0
- package/dist/components/panel/feedback/GitIssuedThreadEntry.js +25 -0
- package/dist/components/panel/feedback/GitIssuedThreadEntry.js.map +1 -0
- package/dist/components/point/ReportDraftMarker.d.ts +2 -0
- package/dist/components/point/ReportDraftMarker.d.ts.map +1 -0
- package/dist/components/point/ReportDraftMarker.js +28 -0
- package/dist/components/point/ReportDraftMarker.js.map +1 -0
- package/dist/components/point/ReportMarkersLayer.d.ts +2 -0
- package/dist/components/point/ReportMarkersLayer.d.ts.map +1 -0
- package/dist/components/point/ReportMarkersLayer.js +129 -0
- package/dist/components/point/ReportMarkersLayer.js.map +1 -0
- package/dist/components/report/FivePixels.d.ts +50 -0
- package/dist/components/report/FivePixels.d.ts.map +1 -0
- package/dist/components/report/FivePixels.js +15 -0
- package/dist/components/report/FivePixels.js.map +1 -0
- package/dist/components/report/ReportView.d.ts +2 -0
- package/dist/components/report/ReportView.d.ts.map +1 -0
- package/dist/components/report/ReportView.js +14 -0
- package/dist/components/report/ReportView.js.map +1 -0
- package/dist/components/report/ShadowReportRoot.d.ts +9 -0
- package/dist/components/report/ShadowReportRoot.d.ts.map +1 -0
- package/dist/components/report/ShadowReportRoot.js +80 -0
- package/dist/components/report/ShadowReportRoot.js.map +1 -0
- package/dist/components/report/index.d.ts +13 -0
- package/dist/components/report/index.d.ts.map +1 -0
- package/dist/components/report/index.js +9 -0
- package/dist/components/report/index.js.map +1 -0
- package/dist/components/ui/HoverTooltip.d.ts +10 -0
- package/dist/components/ui/HoverTooltip.d.ts.map +1 -0
- package/dist/components/ui/HoverTooltip.js +64 -0
- package/dist/components/ui/HoverTooltip.js.map +1 -0
- package/dist/components/ui/IconTooltipButton.d.ts +12 -0
- package/dist/components/ui/IconTooltipButton.d.ts.map +1 -0
- package/dist/components/ui/IconTooltipButton.js +7 -0
- package/dist/components/ui/IconTooltipButton.js.map +1 -0
- package/dist/constants/feedbackStatus.d.ts +6 -0
- package/dist/constants/feedbackStatus.d.ts.map +1 -0
- package/dist/constants/feedbackStatus.js +27 -0
- package/dist/constants/feedbackStatus.js.map +1 -0
- package/dist/constants/project.d.ts +2 -0
- package/dist/constants/project.d.ts.map +1 -0
- package/dist/constants/project.js +2 -0
- package/dist/constants/project.js.map +1 -0
- package/dist/constants/report.d.ts +7 -0
- package/dist/constants/report.d.ts.map +1 -0
- package/dist/constants/report.js +14 -0
- package/dist/constants/report.js.map +1 -0
- package/dist/constants/reportShortcuts.d.ts +31 -0
- package/dist/constants/reportShortcuts.d.ts.map +1 -0
- package/dist/constants/reportShortcuts.js +9 -0
- package/dist/constants/reportShortcuts.js.map +1 -0
- package/dist/constants/storageKeys.d.ts +5 -0
- package/dist/constants/storageKeys.d.ts.map +1 -0
- package/dist/constants/storageKeys.js +16 -0
- package/dist/constants/storageKeys.js.map +1 -0
- package/dist/hooks/report.api.d.ts +8 -0
- package/dist/hooks/report.api.d.ts.map +1 -0
- package/dist/hooks/report.api.js +20 -0
- package/dist/hooks/report.api.js.map +1 -0
- package/dist/hooks/report.query.d.ts +27 -0
- package/dist/hooks/report.query.d.ts.map +1 -0
- package/dist/hooks/report.query.js +137 -0
- package/dist/hooks/report.query.js.map +1 -0
- package/dist/hooks/useAppearancePreference.d.ts +6 -0
- package/dist/hooks/useAppearancePreference.d.ts.map +1 -0
- package/dist/hooks/useAppearancePreference.js +40 -0
- package/dist/hooks/useAppearancePreference.js.map +1 -0
- package/dist/hooks/useCurrentPathname.d.ts +2 -0
- package/dist/hooks/useCurrentPathname.d.ts.map +1 -0
- package/dist/hooks/useCurrentPathname.js +18 -0
- package/dist/hooks/useCurrentPathname.js.map +1 -0
- package/dist/hooks/useIsMobileViewport.d.ts +2 -0
- package/dist/hooks/useIsMobileViewport.d.ts.map +1 -0
- package/dist/hooks/useIsMobileViewport.js +12 -0
- package/dist/hooks/useIsMobileViewport.js.map +1 -0
- package/dist/hooks/useLocalePreference.d.ts +6 -0
- package/dist/hooks/useLocalePreference.d.ts.map +1 -0
- package/dist/hooks/useLocalePreference.js +40 -0
- package/dist/hooks/useLocalePreference.js.map +1 -0
- package/dist/hooks/useNativeHover.d.ts +7 -0
- package/dist/hooks/useNativeHover.d.ts.map +1 -0
- package/dist/hooks/useNativeHover.js +28 -0
- package/dist/hooks/useNativeHover.js.map +1 -0
- package/dist/hooks/usePanelDock.d.ts +29 -0
- package/dist/hooks/usePanelDock.d.ts.map +1 -0
- package/dist/hooks/usePanelDock.js +279 -0
- package/dist/hooks/usePanelDock.js.map +1 -0
- package/dist/hooks/usePanelFeedbackTransfer.d.ts +59 -0
- package/dist/hooks/usePanelFeedbackTransfer.d.ts.map +1 -0
- package/dist/hooks/usePanelFeedbackTransfer.js +250 -0
- package/dist/hooks/usePanelFeedbackTransfer.js.map +1 -0
- package/dist/hooks/usePersonalKey.d.ts +30 -0
- package/dist/hooks/usePersonalKey.d.ts.map +1 -0
- package/dist/hooks/usePersonalKey.js +72 -0
- package/dist/hooks/usePersonalKey.js.map +1 -0
- package/dist/hooks/useReportPersistence.d.ts +63 -0
- package/dist/hooks/useReportPersistence.d.ts.map +1 -0
- package/dist/hooks/useReportPersistence.js +142 -0
- package/dist/hooks/useReportPersistence.js.map +1 -0
- package/dist/hooks/useReportShortcuts.d.ts +5 -0
- package/dist/hooks/useReportShortcuts.d.ts.map +1 -0
- package/dist/hooks/useReportShortcuts.js +117 -0
- package/dist/hooks/useReportShortcuts.js.map +1 -0
- package/dist/hooks/useReportState.d.ts +177 -0
- package/dist/hooks/useReportState.d.ts.map +1 -0
- package/dist/hooks/useReportState.js +904 -0
- package/dist/hooks/useReportState.js.map +1 -0
- package/dist/hooks/useResolvedAppearance.d.ts +4 -0
- package/dist/hooks/useResolvedAppearance.d.ts.map +1 -0
- package/dist/hooks/useResolvedAppearance.js +23 -0
- package/dist/hooks/useResolvedAppearance.js.map +1 -0
- package/dist/hooks/useTooltipLayout.d.ts +21 -0
- package/dist/hooks/useTooltipLayout.d.ts.map +1 -0
- package/dist/hooks/useTooltipLayout.js +45 -0
- package/dist/hooks/useTooltipLayout.js.map +1 -0
- package/dist/i18n/en.d.ts +3 -0
- package/dist/i18n/en.d.ts.map +1 -0
- package/dist/i18n/en.js +277 -0
- package/dist/i18n/en.js.map +1 -0
- package/dist/i18n/index.d.ts +20 -0
- package/dist/i18n/index.d.ts.map +1 -0
- package/dist/i18n/index.js +77 -0
- package/dist/i18n/index.js.map +1 -0
- package/dist/i18n/ko.d.ts +3 -0
- package/dist/i18n/ko.d.ts.map +1 -0
- package/dist/i18n/ko.js +277 -0
- package/dist/i18n/ko.js.map +1 -0
- package/dist/i18n/types.d.ts +267 -0
- package/dist/i18n/types.d.ts.map +1 -0
- package/dist/i18n/types.js +2 -0
- package/dist/i18n/types.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/providers/ReportProvider.d.ts +52 -0
- package/dist/providers/ReportProvider.d.ts.map +1 -0
- package/dist/providers/ReportProvider.js +49 -0
- package/dist/providers/ReportProvider.js.map +1 -0
- package/dist/providers/reportContext.d.ts +286 -0
- package/dist/providers/reportContext.d.ts.map +1 -0
- package/dist/providers/reportContext.js +11 -0
- package/dist/providers/reportContext.js.map +1 -0
- package/dist/storage/local/localStorageAdapter.d.ts +12 -0
- package/dist/storage/local/localStorageAdapter.d.ts.map +1 -0
- package/dist/storage/local/localStorageAdapter.js +187 -0
- package/dist/storage/local/localStorageAdapter.js.map +1 -0
- package/dist/styles/reportStylesheet.d.ts +2 -0
- package/dist/styles/reportStylesheet.d.ts.map +1 -0
- package/dist/styles/reportStylesheet.js +3 -0
- package/dist/styles/reportStylesheet.js.map +1 -0
- package/dist/types/report-ui.d.ts +47 -0
- package/dist/types/report-ui.d.ts.map +1 -0
- package/dist/types/report-ui.js +2 -0
- package/dist/types/report-ui.js.map +1 -0
- package/dist/types/report.d.ts +177 -0
- package/dist/types/report.d.ts.map +1 -0
- package/dist/types/report.js +8 -0
- package/dist/types/report.js.map +1 -0
- package/dist/utils/coordinates.d.ts +63 -0
- package/dist/utils/coordinates.d.ts.map +1 -0
- package/dist/utils/coordinates.js +236 -0
- package/dist/utils/coordinates.js.map +1 -0
- package/dist/utils/dom.d.ts +14 -0
- package/dist/utils/dom.d.ts.map +1 -0
- package/dist/utils/dom.js +104 -0
- package/dist/utils/dom.js.map +1 -0
- package/dist/utils/env.d.ts +6 -0
- package/dist/utils/env.d.ts.map +1 -0
- package/dist/utils/env.js +18 -0
- package/dist/utils/env.js.map +1 -0
- package/dist/utils/feedbackDataTransfer.d.ts +31 -0
- package/dist/utils/feedbackDataTransfer.d.ts.map +1 -0
- package/dist/utils/feedbackDataTransfer.js +195 -0
- package/dist/utils/feedbackDataTransfer.js.map +1 -0
- package/dist/utils/feedbackThread.d.ts +14 -0
- package/dist/utils/feedbackThread.d.ts.map +1 -0
- package/dist/utils/feedbackThread.js +57 -0
- package/dist/utils/feedbackThread.js.map +1 -0
- package/dist/utils/feedbackTransferSchema.d.ts +37 -0
- package/dist/utils/feedbackTransferSchema.d.ts.map +1 -0
- package/dist/utils/feedbackTransferSchema.js +162 -0
- package/dist/utils/feedbackTransferSchema.js.map +1 -0
- package/dist/utils/fields.d.ts +11 -0
- package/dist/utils/fields.d.ts.map +1 -0
- package/dist/utils/fields.js +43 -0
- package/dist/utils/fields.js.map +1 -0
- package/dist/utils/format.d.ts +6 -0
- package/dist/utils/format.d.ts.map +1 -0
- package/dist/utils/format.js +46 -0
- package/dist/utils/format.js.map +1 -0
- package/dist/utils/formatStatCount.d.ts +2 -0
- package/dist/utils/formatStatCount.d.ts.map +1 -0
- package/dist/utils/formatStatCount.js +4 -0
- package/dist/utils/formatStatCount.js.map +1 -0
- package/dist/utils/githubIntegration.d.ts +12 -0
- package/dist/utils/githubIntegration.d.ts.map +1 -0
- package/dist/utils/githubIntegration.js +56 -0
- package/dist/utils/githubIntegration.js.map +1 -0
- package/dist/utils/hoverTooltipLayout.d.ts +8 -0
- package/dist/utils/hoverTooltipLayout.d.ts.map +1 -0
- package/dist/utils/hoverTooltipLayout.js +30 -0
- package/dist/utils/hoverTooltipLayout.js.map +1 -0
- package/dist/utils/locateFeedback.d.ts +11 -0
- package/dist/utils/locateFeedback.d.ts.map +1 -0
- package/dist/utils/locateFeedback.js +16 -0
- package/dist/utils/locateFeedback.js.map +1 -0
- package/dist/utils/panelTypography.d.ts +4 -0
- package/dist/utils/panelTypography.d.ts.map +1 -0
- package/dist/utils/panelTypography.js +4 -0
- package/dist/utils/panelTypography.js.map +1 -0
- package/dist/utils/pathname.d.ts +2 -0
- package/dist/utils/pathname.d.ts.map +1 -0
- package/dist/utils/pathname.js +10 -0
- package/dist/utils/pathname.js.map +1 -0
- package/dist/utils/pathnameNavigation.d.ts +4 -0
- package/dist/utils/pathnameNavigation.d.ts.map +1 -0
- package/dist/utils/pathnameNavigation.js +52 -0
- package/dist/utils/pathnameNavigation.js.map +1 -0
- package/dist/utils/personalKey.d.ts +45 -0
- package/dist/utils/personalKey.d.ts.map +1 -0
- package/dist/utils/personalKey.js +180 -0
- package/dist/utils/personalKey.js.map +1 -0
- package/dist/utils/projectId.d.ts +2 -0
- package/dist/utils/projectId.d.ts.map +1 -0
- package/dist/utils/projectId.js +14 -0
- package/dist/utils/projectId.js.map +1 -0
- package/dist/utils/reportCallbacks.d.ts +20 -0
- package/dist/utils/reportCallbacks.d.ts.map +1 -0
- package/dist/utils/reportCallbacks.js +42 -0
- package/dist/utils/reportCallbacks.js.map +1 -0
- package/dist/utils/reportProject.d.ts +17 -0
- package/dist/utils/reportProject.d.ts.map +1 -0
- package/dist/utils/reportProject.js +9 -0
- package/dist/utils/reportProject.js.map +1 -0
- package/dist/utils/reportTeam.d.ts +15 -0
- package/dist/utils/reportTeam.d.ts.map +1 -0
- package/dist/utils/reportTeam.js +8 -0
- package/dist/utils/reportTeam.js.map +1 -0
- package/dist/utils/reportUi.d.ts +24 -0
- package/dist/utils/reportUi.d.ts.map +1 -0
- package/dist/utils/reportUi.js +19 -0
- package/dist/utils/reportUi.js.map +1 -0
- package/dist/utils/reportVisibility.d.ts +19 -0
- package/dist/utils/reportVisibility.d.ts.map +1 -0
- package/dist/utils/reportVisibility.js +12 -0
- package/dist/utils/reportVisibility.js.map +1 -0
- package/dist/utils/reportVisual.d.ts +12 -0
- package/dist/utils/reportVisual.d.ts.map +1 -0
- package/dist/utils/reportVisual.js +31 -0
- package/dist/utils/reportVisual.js.map +1 -0
- package/dist/utils/routeDetailStatus.d.ts +7 -0
- package/dist/utils/routeDetailStatus.d.ts.map +1 -0
- package/dist/utils/routeDetailStatus.js +29 -0
- package/dist/utils/routeDetailStatus.js.map +1 -0
- package/dist/utils/shortcuts.d.ts +12 -0
- package/dist/utils/shortcuts.d.ts.map +1 -0
- package/dist/utils/shortcuts.js +59 -0
- package/dist/utils/shortcuts.js.map +1 -0
- package/dist/utils/storage.d.ts +17 -0
- package/dist/utils/storage.d.ts.map +1 -0
- package/dist/utils/storage.js +36 -0
- package/dist/utils/storage.js.map +1 -0
- package/dist/utils/validateFeedbackImport.d.ts +4 -0
- package/dist/utils/validateFeedbackImport.d.ts.map +1 -0
- package/dist/utils/validateFeedbackImport.js +187 -0
- package/dist/utils/validateFeedbackImport.js.map +1 -0
- package/package.json +68 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReportRouteDetails.d.ts","sourceRoot":"","sources":["../../../src/components/panel/ReportRouteDetails.tsx"],"names":[],"mappings":"AAMA,wBAAgB,kBAAkB,4CA6EjC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useReport } from "../../providers/reportContext.js";
|
|
3
|
+
import { formatStatCount } from "../../utils/formatStatCount.js";
|
|
4
|
+
import { panelNumericClassName } from "../../utils/panelTypography.js";
|
|
5
|
+
import { ChevronDownIcon } from "../../components/icons/Icons.js";
|
|
6
|
+
import { FeedbackStatusBadge } from "./feedback/FeedbackStatusBadge.js";
|
|
7
|
+
export function ReportRouteDetails() {
|
|
8
|
+
const { routeDetailsStats, projectId, environment, appVersion, messages } = useReport();
|
|
9
|
+
const { pathname, statusRows, fieldCounts } = routeDetailsStats;
|
|
10
|
+
return (_jsxs("section", { className: "flex flex-col bg-[var(--adaptive-black50)] border-t border-t-[var(--adaptive-black200)] rounded-[0_0_24px_24px] overflow-hidden", children: [_jsxs("article", { className: "flex flex-col px-[16px]", children: [_jsxs("section", { className: "flex items-center text-[12px] py-[8px]", children: [_jsx("div", { className: "flex-1", children: _jsx("p", { className: "text-[var(--adaptive-black500)] font-[500]", children: pathname }) }), _jsxs("div", { className: "flex-1 flex", children: [_jsx("p", { className: "flex-1 text-[var(--adaptive-black500)] font-[500]", children: messages.routeDetails.all }), _jsx("p", { className: "flex-1 text-[var(--adaptive-black500)] font-[500]", children: messages.routeDetails.today })] })] }), _jsx("div", { className: "w-full h-[1px] bg-[var(--adaptive-black200)]" }), statusRows.map((row, mappedIdx) => {
|
|
11
|
+
const IS_NOT_LAST = mappedIdx + 1 !== statusRows.length;
|
|
12
|
+
return (_jsxs("section", { className: "flex flex-col", children: [_jsxs("section", { className: "flex items-center gap-x-[8px] py-[8px]", children: [_jsx("div", { className: "flex-1", children: _jsx(FeedbackStatusBadge, { status: row.status }) }), _jsxs("div", { className: "flex-1 flex", children: [_jsx("p", { className: `flex-1 text-[14px] font-bold text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: row.all.toLocaleString() }), _jsx("p", { className: `flex-1 text-[14px] font-bold text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: row.today.toLocaleString() })] })] }), IS_NOT_LAST ? _jsx("div", { className: "w-full h-[1px] bg-[var(--adaptive-black200)]" }) : null] }, row.status));
|
|
13
|
+
})] }), fieldCounts.length > 0 ? (_jsx("article", { className: "flex border-t border-[var(--adaptive-black200)]", children: fieldCounts.map((field, mappedIdx) => {
|
|
14
|
+
const IS_NOT_LAST = mappedIdx + 1 !== fieldCounts.length;
|
|
15
|
+
return (_jsxs("section", { className: "contents", children: [_jsxs("section", { className: "flex-1 flex flex-col items-center gap-[4px] text-center py-[0.4rem]", children: [_jsx(ChevronDownIcon, { className: `h-4 w-4 transition-transform` }), _jsx("span", { className: "text-[var(--adaptive-black500)]", children: field.label }), _jsx("p", { className: `font-normal text-[var(--adaptive-black900)] ${panelNumericClassName}`, children: formatStatCount(field.count) })] }), IS_NOT_LAST ? _jsx("div", { className: "w-[1px] h-full bg-[var(--adaptive-black200)]" }) : null] }, field.key));
|
|
16
|
+
}) })) : null, _jsxs("article", { className: "flex justify-center gap-[8px] border-t border-[var(--adaptive-black200)] text-[12px] text-[var(--adaptive-black500)] bg-[var(--adaptive-black100)] uppercase", children: [_jsx("p", { className: "py-[4px] font-[500] text-[var(--adaptive-black500)]", children: projectId }), _jsx("div", { className: "h-full w-[1px] bg-[var(--adaptive-black300)]" }), _jsx("p", { className: "py-[4px] font-[500] text-[var(--adaptive-black500)]", children: appVersion ?? "-" }), _jsx("div", { className: "h-full w-[1px] bg-[var(--adaptive-black300)]" }), _jsx("p", { className: "py-[4px] font-[500] text-[var(--adaptive-black500)]", children: environment ?? "-" })] })] }));
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=ReportRouteDetails.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReportRouteDetails.js","sourceRoot":"","sources":["../../../src/components/panel/ReportRouteDetails.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReportAuthor } from "../../../types/report.js";
|
|
2
|
+
type AuthorSelectorProps = {
|
|
3
|
+
authors: ReportAuthor[];
|
|
4
|
+
value: string;
|
|
5
|
+
onChange: (value: string) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare function AuthorSelector({ authors, value, onChange }: AuthorSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=AuthorSelector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthorSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/AuthorSelector.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,KAAK,mBAAmB,GAAG;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAmD/E"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { useReport } from "../../../providers/reportContext.js";
|
|
4
|
+
import { ChevronDownIcon } from "../../../components/icons/Icons.js";
|
|
5
|
+
import { PanelDropdownMenu, PanelDropdownMenuItem } from "../../../components/panel/PanelDropdownMenu.js";
|
|
6
|
+
export function AuthorSelector({ authors, value, onChange }) {
|
|
7
|
+
const { messages } = useReport();
|
|
8
|
+
const [menuOpen, setMenuOpen] = useState(false);
|
|
9
|
+
if (authors.length === 0) {
|
|
10
|
+
return (_jsx("input", { type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: messages.author.placeholder, className: "h-[24px] min-w-0 flex-1 rounded-full bg-[var(--adaptive-surface-muted)] px-[12px] py-[4px] text-[12px] text-[var(--adaptive-text-primary)] outline-none placeholder:text-[var(--adaptive-text-muted)]" }));
|
|
11
|
+
}
|
|
12
|
+
return (_jsx(PanelDropdownMenu, { open: menuOpen, onClose: () => setMenuOpen(false), align: "left", menuClassName: "min-w-full", trigger: _jsxs("button", { type: "button", onClick: () => setMenuOpen((current) => !current), "aria-expanded": menuOpen, "aria-haspopup": "menu", "aria-label": messages.author.selectAriaLabel, className: "flex h-[24px] w-full min-w-0 items-center justify-between rounded-full bg-[var(--adaptive-surface-muted)] py-[4px] pr-[10px] pl-[12px] text-[12px] outline-none", children: [_jsx("span", { className: `text-[var(--adaptive-black500)]`, children: value || messages.author.selectPlaceholder }), _jsx(ChevronDownIcon, { className: `h-[14px] w-[14px] shrink-0 text-[var(--adaptive-black600)] transition-transform ${menuOpen ? "rotate-180" : ""}` })] }), children: authors.map((author) => (_jsx(PanelDropdownMenuItem, { active: author.name === value, onClick: () => {
|
|
13
|
+
onChange(author.name);
|
|
14
|
+
setMenuOpen(false);
|
|
15
|
+
}, children: author.name }, author.id))) }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=AuthorSelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthorSelector.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/AuthorSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AASnG,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAuB;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,CACH,gBACI,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,WAAW,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EACxC,SAAS,EAAC,uMAAuM,GACnN,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,KAAC,iBAAiB,IACd,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,KAAK,EAAC,MAAM,EACZ,aAAa,EAAC,YAAY,EAC1B,OAAO,EACH,kBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,mBAClC,QAAQ,mBACT,MAAM,gBACR,QAAQ,CAAC,MAAM,CAAC,eAAe,EAC3C,SAAS,EAAC,iKAAiK,aAE3K,eAAM,SAAS,EAAE,iCAAiC,YAAG,KAAK,IAAI,QAAQ,CAAC,MAAM,CAAC,iBAAiB,GAAQ,EAEvG,KAAC,eAAe,IAAC,SAAS,EAAE,mFAAmF,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,IAC5I,YAGZ,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,KAAC,qBAAqB,IAElB,MAAM,EAAE,MAAM,CAAC,IAAI,KAAK,KAAK,EAC7B,OAAO,EAAE,GAAG,EAAE;gBACV,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBACtB,WAAW,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC,YAEA,MAAM,CAAC,IAAI,IAPP,MAAM,CAAC,EAAE,CAQM,CAC3B,CAAC,GACc,CACvB,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { ReportField, ReportFieldValues } from "../../../types/report.js";
|
|
2
|
+
import type { ReportAuthor } from "../../../types/report.js";
|
|
3
|
+
type FeedbackComposerProps = {
|
|
4
|
+
message: string;
|
|
5
|
+
onMessageChange: (value: string) => void;
|
|
6
|
+
authorName: string;
|
|
7
|
+
onAuthorNameChange: (value: string) => void;
|
|
8
|
+
authors: ReportAuthor[];
|
|
9
|
+
fields: ReportField[];
|
|
10
|
+
fieldValues: ReportFieldValues;
|
|
11
|
+
onFieldChange: (key: string, value: string | boolean) => void;
|
|
12
|
+
showTags?: boolean;
|
|
13
|
+
onSubmit: () => void;
|
|
14
|
+
isSubmitting?: boolean;
|
|
15
|
+
showGitHubIssueOnCreate?: boolean;
|
|
16
|
+
onGitHubIssueSubmit?: () => void;
|
|
17
|
+
isGitHubIssueSubmitting?: boolean;
|
|
18
|
+
placeholder?: string;
|
|
19
|
+
autoFocus?: boolean;
|
|
20
|
+
};
|
|
21
|
+
export declare function FeedbackComposer({ message, onMessageChange, authorName, onAuthorNameChange, authors, fields, fieldValues, onFieldChange, showTags, onSubmit, isSubmitting, showGitHubIssueOnCreate, onGitHubIssueSubmit, isGitHubIssueSubmitting, placeholder, autoFocus, }: FeedbackComposerProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=FeedbackComposer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackComposer.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQtD,KAAK,qBAAqB,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,eAAe,EACf,UAAU,EACV,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,WAAW,EACX,aAAa,EACb,QAAgB,EAChB,QAAQ,EACR,YAAoB,EACpB,uBAA+B,EAC/B,mBAAmB,EACnB,uBAA+B,EAC/B,WAAW,EACX,SAAiB,GACpB,EAAE,qBAAqB,2CA4GvB"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { useReport } from "../../../providers/reportContext.js";
|
|
4
|
+
import { SendIcon } from "../../../components/icons/Icons.js";
|
|
5
|
+
import { AuthorSelector } from "./AuthorSelector.js";
|
|
6
|
+
import { HoverTooltip } from "../../../components/ui/HoverTooltip.js";
|
|
7
|
+
import { FieldTagSelector } from "./FieldTagSelector.js";
|
|
8
|
+
export function FeedbackComposer({ message, onMessageChange, authorName, onAuthorNameChange, authors, fields, fieldValues, onFieldChange, showTags = false, onSubmit, isSubmitting = false, showGitHubIssueOnCreate = false, onGitHubIssueSubmit, isGitHubIssueSubmitting = false, placeholder, autoFocus = false, }) {
|
|
9
|
+
const { messages } = useReport();
|
|
10
|
+
const [isGitHubIssueConfirming, setIsGitHubIssueConfirming] = useState(false);
|
|
11
|
+
const resolvedPlaceholder = placeholder ?? messages.composer.placeholder;
|
|
12
|
+
const isActionDisabled = isSubmitting || isGitHubIssueSubmitting;
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
if (!isGitHubIssueConfirming) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
const timer = window.setTimeout(() => setIsGitHubIssueConfirming(false), 1500);
|
|
18
|
+
return () => window.clearTimeout(timer);
|
|
19
|
+
}, [isGitHubIssueConfirming]);
|
|
20
|
+
const handleSubmit = () => {
|
|
21
|
+
if (isActionDisabled) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
onSubmit();
|
|
25
|
+
};
|
|
26
|
+
const handleGitHubIssueSubmit = () => {
|
|
27
|
+
if (isActionDisabled || !onGitHubIssueSubmit) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
if (!isGitHubIssueConfirming) {
|
|
31
|
+
setIsGitHubIssueConfirming(true);
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
setIsGitHubIssueConfirming(false);
|
|
35
|
+
onGitHubIssueSubmit();
|
|
36
|
+
};
|
|
37
|
+
return (_jsxs("div", { className: "flex w-full flex-col", children: [_jsx("textarea", { autoFocus: autoFocus, value: message, onChange: (event) => onMessageChange(event.target.value), placeholder: resolvedPlaceholder, rows: 3, className: "min-h-[72px] w-full resize-none bg-transparent px-[16px] pt-[16px] text-[14px] leading-[1.4] text-[var(--adaptive-text-primary)] outline-none placeholder:text-[var(--adaptive-text-muted)]", onKeyDown: (event) => {
|
|
38
|
+
if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
|
|
39
|
+
event.preventDefault();
|
|
40
|
+
handleSubmit();
|
|
41
|
+
}
|
|
42
|
+
} }), _jsxs("div", { className: "flex items-center justify-between gap-[8px] px-[12px] pb-[12px]", children: [_jsx(AuthorSelector, { authors: authors, value: authorName, onChange: onAuthorNameChange }), _jsxs("div", { className: "flex shrink-0 items-center gap-[6px]", children: [showGitHubIssueOnCreate ? (_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isActionDisabled, onClick: handleGitHubIssueSubmit, className: "inline-flex h-[24px] items-center justify-center gap-[4px] rounded-full border border-[var(--adaptive-border-subtle)] px-[12px] py-[4px] disabled:opacity-50", "aria-label": isGitHubIssueConfirming ? messages.feedbackList.gitIssueConfirmAriaLabel : messages.composer.gitIssueSendAriaLabel, title: isGitHubIssueConfirming ? messages.feedbackList.gitIssueConfirmTitle : messages.composer.gitIssueSendTitle, children: _jsxs("span", { className: "text-[12px] font-semibold text-[var(--adaptive-black500)]", children: ["+ ", isGitHubIssueSubmitting
|
|
43
|
+
? messages.composer.gitIssueSendingLabel
|
|
44
|
+
: isGitHubIssueConfirming
|
|
45
|
+
? messages.feedbackList.gitIssueConfirmLabel
|
|
46
|
+
: messages.composer.gitIssueSendLabel] }) })) : null, _jsx(HoverTooltip, { label: messages.composer.sendAriaLabel, children: _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isActionDisabled, onClick: handleSubmit, className: "inline-flex px-[12px] shrink-0 items-center justify-center rounded-full bg-[var(--adaptive-blue500)] text-[var(--adaptive-overlay-text)] disabled:opacity-50", "aria-label": messages.composer.sendAriaLabel, children: _jsx(SendIcon, { className: "w-[16px]" }) }) })] })] }), showTags ? (_jsx(FieldTagSelector, { fields: fields, fieldValues: fieldValues, onFieldChange: (key, value) => onFieldChange(key, value) })) : null] }));
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=FeedbackComposer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackComposer.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackComposer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackCreatorBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackCreatorBadge.tsx"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,4CAQnC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useReport } from "../../../providers/reportContext.js";
|
|
3
|
+
export function FeedbackCreatorBadge() {
|
|
4
|
+
const { messages } = useReport();
|
|
5
|
+
return (_jsx("span", { className: "rounded-full border border-[var(--adaptive-border-subtle)] px-[6px] py-[1px] text-[10px] font-semibold leading-none text-[var(--adaptive-black500)]", children: messages.author.creatorLabel }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=FeedbackCreatorBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackCreatorBadge.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackCreatorBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,UAAU,oBAAoB;IAChC,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IAEjC,OAAO,CACH,eAAM,SAAS,EAAC,qJAAqJ,YAChK,QAAQ,CAAC,MAAM,CAAC,YAAY,GAC1B,CACV,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type FeedbackFieldTagsProps = {
|
|
2
|
+
tags: {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}[];
|
|
6
|
+
};
|
|
7
|
+
export declare function FeedbackFieldTags({ tags }: FeedbackFieldTagsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=FeedbackFieldTags.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackFieldTags.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackFieldTags.tsx"],"names":[],"mappings":"AAAA,KAAK,sBAAsB,GAAG;IAC1B,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC1C,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE,sBAAsB,kDAiBjE"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function FeedbackFieldTags({ tags }) {
|
|
3
|
+
if (tags.length === 0) {
|
|
4
|
+
return null;
|
|
5
|
+
}
|
|
6
|
+
return (_jsx("div", { className: "flex flex-wrap items-center gap-[6px]", children: tags.map((tag) => (_jsx("span", { className: "rounded-[8px] border border-[var(--adaptive-border-subtle)] px-[8px] py-[4px] text-[12px] font-semibold uppercase text-[var(--adaptive-text-muted)]", children: tag.label }, tag.key))) }));
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=FeedbackFieldTags.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackFieldTags.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackFieldTags.tsx"],"names":[],"mappings":";AAIA,MAAM,UAAU,iBAAiB,CAAC,EAAE,IAAI,EAA0B;IAC9D,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAC,uCAAuC,YACjD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACf,eAEI,SAAS,EAAC,qJAAqJ,YAE9J,GAAG,CAAC,KAAK,IAHL,GAAG,CAAC,GAAG,CAIT,CACV,CAAC,GACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ReportFeedback } from "../../../types/report.js";
|
|
2
|
+
type FeedbackHoverCardProps = {
|
|
3
|
+
report: ReportFeedback;
|
|
4
|
+
fieldTags: {
|
|
5
|
+
key: string;
|
|
6
|
+
label: string;
|
|
7
|
+
}[];
|
|
8
|
+
};
|
|
9
|
+
export declare function FeedbackHoverCard({ report, fieldTags }: FeedbackHoverCardProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=FeedbackHoverCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackHoverCard.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackHoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMxD,KAAK,sBAAsB,GAAG;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC/C,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAwC9E"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { getFeedbackDisplayStatus, getLatestReply, getRemainingReplyCount } from "../../../utils/feedbackThread.js";
|
|
3
|
+
import { FeedbackCreatorBadge } from "./FeedbackCreatorBadge.js";
|
|
4
|
+
import { FeedbackFieldTags } from "./FeedbackFieldTags.js";
|
|
5
|
+
import { FeedbackStatusBadge } from "./FeedbackStatusBadge.js";
|
|
6
|
+
export function FeedbackHoverCard({ report, fieldTags }) {
|
|
7
|
+
const displayStatus = getFeedbackDisplayStatus(report, true);
|
|
8
|
+
const latestReply = getLatestReply(report);
|
|
9
|
+
const remainingReplyCount = getRemainingReplyCount(report);
|
|
10
|
+
return (
|
|
11
|
+
// <div className="flex w-[260px] flex-col gap-[10px] bg-transparent p-[16px]">
|
|
12
|
+
_jsxs("div", { className: "flex w-[260px] flex-col gap-[10px] bg-transparent p-[12px]", children: [_jsx(FeedbackStatusBadge, { status: displayStatus }), _jsx("p", { className: "line-clamp-2 leading-[1.5] text-[16px] text-[var(--adaptive-text-primary)]", children: report.message }), report.author_name ? (_jsxs("div", { className: "flex items-center gap-[6px]", children: [_jsx("p", { className: "text-[12px] text-[var(--adaptive-black500)]", children: report.author_name }), _jsx(FeedbackCreatorBadge, {})] })) : null, _jsx(FeedbackFieldTags, { tags: fieldTags }), latestReply ? (_jsxs("div", { className: "flex min-w-0 items-center gap-[6px] border-t border-[var(--adaptive-border-subtle)] pt-[10px] text-[12px] text-[var(--adaptive-text-muted)]", children: [latestReply.author_name ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "shrink-0", children: latestReply.author_name }), _jsx("span", { className: "shrink-0 text-[var(--adaptive-black700)]", children: "|" })] })) : null, _jsx("span", { className: "min-w-0 flex-1 truncate text-[var(--adaptive-black400)]", children: latestReply.message }), remainingReplyCount > 0 ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "shrink-0 text-[var(--adaptive-black700)]", children: "|" }), _jsxs("span", { className: "shrink-0 tabular-nums", children: ["+", remainingReplyCount] })] })) : null] })) : null] }));
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=FeedbackHoverCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackHoverCard.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackHoverCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAC7G,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAO/D,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAAE,SAAS,EAA0B;IAC3E,MAAM,aAAa,GAAG,wBAAwB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAC3C,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAE3D,OAAO;IACH,+EAA+E;IAC/E,eAAK,SAAS,EAAC,4DAA4D,aACvE,KAAC,mBAAmB,IAAC,MAAM,EAAE,aAAa,GAAI,EAE9C,YAAG,SAAS,EAAC,4EAA4E,YAAE,MAAM,CAAC,OAAO,GAAK,EAE7G,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eAAK,SAAS,EAAC,6BAA6B,aACxC,YAAG,SAAS,EAAC,6CAA6C,YAAE,MAAM,CAAC,WAAW,GAAK,EACnF,KAAC,oBAAoB,KAAG,IACtB,CACT,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,iBAAiB,IAAC,IAAI,EAAE,SAAS,GAAI,EAErC,WAAW,CAAC,CAAC,CAAC,CACX,eAAK,SAAS,EAAC,6IAA6I,aACvJ,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,CACvB,8BACI,eAAM,SAAS,EAAC,UAAU,YAAE,WAAW,CAAC,WAAW,GAAQ,EAC3D,eAAM,SAAS,EAAC,0CAA0C,kBAAS,IACpE,CACN,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,yDAAyD,YAAE,WAAW,CAAC,OAAO,GAAQ,EACrG,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,8BACI,eAAM,SAAS,EAAC,0CAA0C,kBAAS,EACnE,gBAAM,SAAS,EAAC,uBAAuB,kBAAG,mBAAmB,IAAQ,IACtE,CACN,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC,CAAC,CAAC,IAAI,IACN,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ReportFeedback } from "../../../types/report.js";
|
|
2
|
+
type FeedbackIssueHeaderProps = {
|
|
3
|
+
report: ReportFeedback;
|
|
4
|
+
fieldTags: {
|
|
5
|
+
key: string;
|
|
6
|
+
label: string;
|
|
7
|
+
}[];
|
|
8
|
+
expanded?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare function FeedbackIssueHeader({ report, fieldTags, expanded }: FeedbackIssueHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=FeedbackIssueHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackIssueHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackIssueHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMxD,KAAK,wBAAwB,GAAG;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAe,EAAE,EAAE,wBAAwB,2CAmBnG"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { getFeedbackDisplayStatus } from "../../../utils/feedbackThread.js";
|
|
3
|
+
import { FeedbackCreatorBadge } from "./FeedbackCreatorBadge.js";
|
|
4
|
+
import { FeedbackFieldTags } from "./FeedbackFieldTags.js";
|
|
5
|
+
import { FeedbackStatusBadge } from "./FeedbackStatusBadge.js";
|
|
6
|
+
export function FeedbackIssueHeader({ report, fieldTags, expanded = true }) {
|
|
7
|
+
const displayStatus = getFeedbackDisplayStatus(report, expanded);
|
|
8
|
+
return (_jsxs("section", { className: "flex flex-col gap-[12px] bg-transparent p-[16px]", children: [_jsxs("section", { className: "flex flex-col gap-[4px]", children: [_jsx(FeedbackStatusBadge, { status: displayStatus }), _jsx("p", { className: "text-[16px] leading-[1.5] font-semibold text-[var(--adaptive-text-primary)]", children: report.message }), report.author_name ? (_jsxs("div", { className: "flex items-center gap-[6px]", children: [_jsx("p", { className: "text-[12px] text-[var(--adaptive-black500)]", children: report.author_name }), _jsx(FeedbackCreatorBadge, {})] })) : null] }), _jsx(FeedbackFieldTags, { tags: fieldTags })] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=FeedbackIssueHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackIssueHeader.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackIssueHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAQ/D,MAAM,UAAU,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,EAA4B;IAChG,MAAM,aAAa,GAAG,wBAAwB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAEjE,OAAO,CACH,mBAAS,SAAS,EAAC,kDAAkD,aACjE,mBAAS,SAAS,EAAC,yBAAyB,aACxC,KAAC,mBAAmB,IAAC,MAAM,EAAE,aAAa,GAAI,EAC9C,YAAG,SAAS,EAAC,6EAA6E,YAAE,MAAM,CAAC,OAAO,GAAK,EAC9G,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eAAK,SAAS,EAAC,6BAA6B,aACxC,YAAG,SAAS,EAAC,6CAA6C,YAAE,MAAM,CAAC,WAAW,GAAK,EACnF,KAAC,oBAAoB,KAAG,IACtB,CACT,CAAC,CAAC,CAAC,IAAI,IACF,EAEV,KAAC,iBAAiB,IAAC,IAAI,EAAE,SAAS,GAAI,IAChC,CACb,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { FeedbackDisplayStatus } from "../../../constants/feedbackStatus.js";
|
|
2
|
+
type FeedbackStatusBadgeProps = {
|
|
3
|
+
status: FeedbackDisplayStatus;
|
|
4
|
+
className?: string;
|
|
5
|
+
};
|
|
6
|
+
export declare function FeedbackStatusBadge({ status, className }: FeedbackStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=FeedbackStatusBadge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackStatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackStatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAK3E,KAAK,wBAAwB,GAAG;IAC5B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAc,EAAE,EAAE,wBAAwB,2CAqBvF"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { FEEDBACK_STATUS_COLOR } from "../../../constants/feedbackStatus.js";
|
|
3
|
+
import { FeedbackStatusIcon } from "../../../components/icons/Icons.js";
|
|
4
|
+
import { useReport } from "../../../providers/reportContext.js";
|
|
5
|
+
export function FeedbackStatusBadge({ status, className = "" }) {
|
|
6
|
+
const { messages } = useReport();
|
|
7
|
+
const color = FEEDBACK_STATUS_COLOR[status];
|
|
8
|
+
return (_jsxs("div", { className: `flex items-center gap-[6px] text-[12px] font-bold uppercase ${className}`, children: [_jsx("span", { className: "inline-flex h-[14px] w-[14px] items-center justify-center rounded-full [&_svg]:h-[10px] [&_svg]:w-[10px]", style: { backgroundColor: color, color: "var(--adaptive-black900)" }, "aria-hidden": true, children: _jsx(FeedbackStatusIcon, { status: status }) }), _jsx("span", { style: { color }, className: "text-[12px]", children: messages.status.feedback[status] })] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=FeedbackStatusBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackStatusBadge.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackStatusBadge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAOzD,MAAM,UAAU,mBAAmB,CAAC,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAA4B;IACpF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAE5C,OAAO,CACH,eAAK,SAAS,EAAE,+DAA+D,SAAS,EAAE,aACtF,eACI,SAAS,EAAC,0GAA0G,EACpH,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,0BAA0B,EAAE,iCAGpE,KAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM,GAAI,GACnC,EACP,eACI,KAAK,EAAE,EAAE,KAAK,EAAE,EAChB,SAAS,EAAC,aAAa,YAEtB,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAC9B,IACL,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { ReportAuthor, ReportFeedback } from "../../../types/report.js";
|
|
2
|
+
type PendingComposer = {
|
|
3
|
+
type: "deny" | "recheck" | "checkout";
|
|
4
|
+
targetReplyId: string;
|
|
5
|
+
} | null;
|
|
6
|
+
type FeedbackThreadProps = {
|
|
7
|
+
report: ReportFeedback;
|
|
8
|
+
authors: ReportAuthor[];
|
|
9
|
+
pendingComposer: PendingComposer;
|
|
10
|
+
confirmAuthorName: string;
|
|
11
|
+
showConfirmAuthorSelect: boolean;
|
|
12
|
+
onConfirmAuthorNameChange: (name: string) => void;
|
|
13
|
+
onToggleConfirmAuthorSelect: () => void;
|
|
14
|
+
onStartDeny: () => void;
|
|
15
|
+
onStartCheckout: (replyId: string) => void;
|
|
16
|
+
onConfirm: () => void;
|
|
17
|
+
isUpdating?: boolean;
|
|
18
|
+
};
|
|
19
|
+
export declare function FeedbackThread({ report, authors, pendingComposer, confirmAuthorName, showConfirmAuthorSelect, onConfirmAuthorNameChange, onToggleConfirmAuthorSelect, onStartDeny, onStartCheckout, onConfirm, isUpdating, }: FeedbackThreadProps): import("react/jsx-runtime").JSX.Element | null;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=FeedbackThread.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackThread.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackThread.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAe,MAAM,mBAAmB,CAAC;AAUnF,KAAK,eAAe,GAAG;IACnB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;IACtC,aAAa,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC;AAET,KAAK,mBAAmB,GAAG;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,OAAO,CAAC;IACjC,yBAAyB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,2BAA2B,EAAE,MAAM,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AA8JF,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,yBAAyB,EACzB,2BAA2B,EAC3B,WAAW,EACX,eAAe,EACf,SAAS,EACT,UAAU,GACb,EAAE,mBAAmB,kDAyGrB"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
3
|
+
import { useReport } from "../../../providers/reportContext.js";
|
|
4
|
+
import { formatDate } from "../../../utils/format.js";
|
|
5
|
+
import { canCheckoutReply, canReviewLatestSuggestion, resolveOriginalFeedbackAuthorName } from "../../../utils/feedbackThread.js";
|
|
6
|
+
import { getGitHubIssueUrl, isGitIssuedSystemReply } from "../../../utils/githubIntegration.js";
|
|
7
|
+
import { AuthorSelector } from "./AuthorSelector.js";
|
|
8
|
+
import { FeedbackCreatorBadge } from "./FeedbackCreatorBadge.js";
|
|
9
|
+
import { FeedbackStatusBadge } from "./FeedbackStatusBadge.js";
|
|
10
|
+
import { GitIssuedThreadEntry } from "./GitIssuedThreadEntry.js";
|
|
11
|
+
function buildConfirmAuthorOptions(report, authors) {
|
|
12
|
+
const byName = new Map();
|
|
13
|
+
for (const author of authors) {
|
|
14
|
+
byName.set(author.name, author);
|
|
15
|
+
}
|
|
16
|
+
const originalName = resolveOriginalFeedbackAuthorName(report);
|
|
17
|
+
if (originalName && !byName.has(originalName)) {
|
|
18
|
+
byName.set(originalName, { id: "__original_feedback_author__", name: originalName });
|
|
19
|
+
}
|
|
20
|
+
return Array.from(byName.values());
|
|
21
|
+
}
|
|
22
|
+
function getScrollOverflowState(element) {
|
|
23
|
+
const { scrollTop, scrollHeight, clientHeight } = element;
|
|
24
|
+
const hasOverflow = scrollHeight > clientHeight + 1;
|
|
25
|
+
return {
|
|
26
|
+
canScrollUp: hasOverflow && scrollTop > 0,
|
|
27
|
+
canScrollDown: hasOverflow && scrollTop + clientHeight < scrollHeight - 1,
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
const SCROLL_HINT_CLASS = "pointer-events-none absolute left-0 right-0 z-10 px-[16px] py-[12px] text-center text-[12px] text-[var(--adaptive-black600)]";
|
|
31
|
+
function ThreadEntryActions({ reply, report, authors, pendingComposer, confirmAuthorName, showConfirmAuthorSelect, onConfirmAuthorNameChange, onToggleConfirmAuthorSelect, onStartDeny, onStartCheckout, onConfirm, isUpdating, }) {
|
|
32
|
+
const { messages } = useReport();
|
|
33
|
+
const confirmAuthorOptions = useMemo(() => buildConfirmAuthorOptions(report, authors), [authors, report]);
|
|
34
|
+
const isLatest = report.replies[report.replies.length - 1]?.id === reply.id;
|
|
35
|
+
const showReview = isLatest && canReviewLatestSuggestion(report);
|
|
36
|
+
const showCheckout = canCheckoutReply(report, reply);
|
|
37
|
+
const denyActive = (pendingComposer?.type === "deny" || pendingComposer?.type === "recheck") && pendingComposer.targetReplyId === reply.id;
|
|
38
|
+
const checkoutActive = pendingComposer?.type === "checkout" && pendingComposer.targetReplyId === reply.id;
|
|
39
|
+
if (!showReview && !showCheckout) {
|
|
40
|
+
return null;
|
|
41
|
+
}
|
|
42
|
+
return (_jsxs("div", { className: "mt-[10px] flex flex-col gap-[8px]", children: [_jsxs("div", { className: "flex gap-[8px]", children: [showReview ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: onStartDeny, className: `flex-1 rounded-full py-[4px] px-[8px] text-[12px] font-semibold border ${denyActive ? " bg-[#FF2B6A] text-white border-transparent" : " border-[var(--adaptive-border-subtle)] text-[var(--adaptive-text-primary)]"}`, children: messages.thread.denied }), _jsxs("section", { className: "flex items-center gap-[8px] rounded-full border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface-muted)] px-[8px] py-[4px]", children: [_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: onConfirm, className: "flex-1 rounded-full text-[12px] font-semibold text-[var(--adaptive-black500)]", children: messages.thread.resolved }), _jsx("div", { className: "h-full w-[1px] bg-[var(--adaptive-black700)]" }), _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: onToggleConfirmAuthorSelect, className: showConfirmAuthorSelect
|
|
43
|
+
? "shrink-0 rounded-full bg-[var(--adaptive-surface-inverse)] text-[12px] font-semibold text-[var(--adaptive-text-inverse)]"
|
|
44
|
+
: "shrink-0 rounded-full text-[12px] font-semibold text-[var(--adaptive-text-secondary)]", children: messages.thread.select })] })] })) : null, showCheckout ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: onStartDeny, className: `flex-1 rounded-[8px] border py-[4px] text-[12px] font-semibold ${denyActive ? "border-transparent bg-[#FF2B6A] text-white" : "border-[var(--adaptive-border-subtle)] text-[var(--adaptive-text-primary)]"}`, children: messages.thread.denied }), _jsx("button", { type: "button", "data-fivepixels-interactive": "", disabled: isUpdating, onClick: () => onStartCheckout(reply.id), className: "flex-1 py-[4px] rounded-[8px] text-[12px] font-semibold " +
|
|
45
|
+
(checkoutActive
|
|
46
|
+
? "bg-[var(--adaptive-surface-inverse)] text-[var(--adaptive-text-inverse)]"
|
|
47
|
+
: "border border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface-muted)] text-[var(--adaptive-text-muted)]"), children: messages.thread.leaveResult })] })) : null] }), showReview && showConfirmAuthorSelect ? (_jsx(AuthorSelector, { authors: confirmAuthorOptions, value: confirmAuthorName, onChange: onConfirmAuthorNameChange })) : null] }));
|
|
48
|
+
}
|
|
49
|
+
export function FeedbackThread({ report, authors, pendingComposer, confirmAuthorName, showConfirmAuthorSelect, onConfirmAuthorNameChange, onToggleConfirmAuthorSelect, onStartDeny, onStartCheckout, onConfirm, isUpdating, }) {
|
|
50
|
+
const { locale, messages } = useReport();
|
|
51
|
+
const scrollRef = useRef(null);
|
|
52
|
+
const [scrollOverflow, setScrollOverflow] = useState({
|
|
53
|
+
canScrollUp: false,
|
|
54
|
+
canScrollDown: false,
|
|
55
|
+
});
|
|
56
|
+
const refreshScrollOverflow = useCallback(() => {
|
|
57
|
+
const element = scrollRef.current;
|
|
58
|
+
if (!element) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
setScrollOverflow(getScrollOverflowState(element));
|
|
62
|
+
}, []);
|
|
63
|
+
useEffect(() => {
|
|
64
|
+
const element = scrollRef.current;
|
|
65
|
+
if (!element) {
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
refreshScrollOverflow();
|
|
69
|
+
element.addEventListener("scroll", refreshScrollOverflow, { passive: true });
|
|
70
|
+
const resizeObserver = new ResizeObserver(refreshScrollOverflow);
|
|
71
|
+
resizeObserver.observe(element);
|
|
72
|
+
return () => {
|
|
73
|
+
element.removeEventListener("scroll", refreshScrollOverflow);
|
|
74
|
+
resizeObserver.disconnect();
|
|
75
|
+
};
|
|
76
|
+
}, [refreshScrollOverflow, report.replies]);
|
|
77
|
+
if (report.replies.length === 0) {
|
|
78
|
+
return null;
|
|
79
|
+
}
|
|
80
|
+
const chronological = [...report.replies].reverse();
|
|
81
|
+
const originalAuthorName = resolveOriginalFeedbackAuthorName(report);
|
|
82
|
+
return (_jsxs("div", { className: "relative max-h-[512px]", children: [scrollOverflow.canScrollUp ? _jsx("p", { className: `${SCROLL_HINT_CLASS} top-0 bg-[linear-gradient(0deg,transparent,var(--adaptive-surface-overlay))]`, children: messages.thread.scrollHintUp }) : null, scrollOverflow.canScrollDown ? (_jsx("p", { className: `${SCROLL_HINT_CLASS} bottom-0 bg-[linear-gradient(180deg,transparent,var(--adaptive-surface-overlay))]`, children: messages.thread.scrollHintDown })) : null, _jsx("section", { ref: scrollRef, className: "flex max-h-[512px] flex-col overflow-auto bg-transparent", children: chronological.map((reply) => {
|
|
83
|
+
const issueUrl = getGitHubIssueUrl(report);
|
|
84
|
+
if (isGitIssuedSystemReply(reply, report) && issueUrl) {
|
|
85
|
+
return (_jsx(GitIssuedThreadEntry, { reply: reply, issueUrl: issueUrl }, reply.id));
|
|
86
|
+
}
|
|
87
|
+
return (_jsxs("article", { className: "flex flex-col gap-[8px] border-t border-[var(--adaptive-border-subtle)] p-[16px]", children: [_jsxs("div", { className: "flex items-start justify-between gap-[8px]", children: [_jsx(FeedbackStatusBadge, { status: reply.status }), _jsx("span", { className: "text-[12px] text-[var(--adaptive-black500)]", children: formatDate(reply.created_at, locale) })] }), _jsx("p", { className: "leading-[1.5] text-[14px] text-[var(--adaptive-text-primary)]", children: reply.message }), reply.author_name ? (_jsxs("div", { className: "flex items-center gap-[6px]", children: [_jsx("p", { className: "text-[12px] text-[var(--adaptive-black500)]", children: reply.author_name }), reply.author_name.trim() === originalAuthorName ? _jsx(FeedbackCreatorBadge, {}) : null] })) : null, _jsx(ThreadEntryActions, { reply: reply, report: report, authors: authors, pendingComposer: pendingComposer, confirmAuthorName: confirmAuthorName, showConfirmAuthorSelect: showConfirmAuthorSelect, onConfirmAuthorNameChange: onConfirmAuthorNameChange, onToggleConfirmAuthorSelect: onToggleConfirmAuthorSelect, onStartDeny: onStartDeny, onStartCheckout: onStartCheckout, onConfirm: onConfirm, isUpdating: isUpdating })] }, reply.id));
|
|
88
|
+
}) })] }));
|
|
89
|
+
}
|
|
90
|
+
//# sourceMappingURL=FeedbackThread.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeedbackThread.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FeedbackThread.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReportField, ReportFieldValues } from "../../../types/report.js";
|
|
2
|
+
type FieldTagSelectorProps = {
|
|
3
|
+
fields: ReportField[];
|
|
4
|
+
fieldValues: ReportFieldValues;
|
|
5
|
+
onFieldChange: (key: string, nextValue: boolean) => void;
|
|
6
|
+
};
|
|
7
|
+
export declare function FieldTagSelector({ fields, fieldValues, onFieldChange }: FieldTagSelectorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=FieldTagSelector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldTagSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FieldTagSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,KAAK,qBAAqB,GAAG;IACzB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,qBAAqB,kDA8B7F"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function FieldTagSelector({ fields, fieldValues, onFieldChange }) {
|
|
3
|
+
const tagFields = fields.filter((field) => field.type === "checkbox");
|
|
4
|
+
if (tagFields.length === 0) {
|
|
5
|
+
return null;
|
|
6
|
+
}
|
|
7
|
+
return (_jsx("div", { className: "flex flex-wrap items-center gap-[8px] border-t border-[var(--adaptive-blackOpacity100)] px-[16px] py-[12px]", children: tagFields.map((field) => {
|
|
8
|
+
const selected = fieldValues[field.key] === true;
|
|
9
|
+
return (_jsx("button", { type: "button", onClick: () => onFieldChange(field.key, !selected), className: "rounded-[8px] border px-[12px] py-[4px] text-[12px] font-semibold uppercase " +
|
|
10
|
+
(selected
|
|
11
|
+
? "border-[var(--adaptive-border-subtle)] bg-[var(--adaptive-surface-inverse)] text-[var(--adaptive-text-inverse)]"
|
|
12
|
+
: "border-[var(--adaptive-border-subtle)] text-[var(--adaptive-text-muted)]"), children: field.label }, field.key));
|
|
13
|
+
}) }));
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=FieldTagSelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldTagSelector.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/FieldTagSelector.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAyB;IAC1F,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC;IAEtE,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,cAAK,SAAS,EAAC,6GAA6G,YACvH,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACrB,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;YAEjD,OAAO,CACH,iBAEI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAClD,SAAS,EACL,8EAA8E;oBAC9E,CAAC,QAAQ;wBACL,CAAC,CAAC,iHAAiH;wBACnH,CAAC,CAAC,0EAA0E,CAAC,YAGpF,KAAK,CAAC,KAAK,IAVP,KAAK,CAAC,GAAG,CAWT,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ReportFeedback } from "../../../types/report.js";
|
|
2
|
+
import type { ReportMessages } from "../../../i18n/types.js";
|
|
3
|
+
type GitIssueButtonProps = {
|
|
4
|
+
report: ReportFeedback;
|
|
5
|
+
messages: ReportMessages;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
isSubmitting?: boolean;
|
|
8
|
+
onCreateIssue: (report: ReportFeedback) => Promise<void>;
|
|
9
|
+
};
|
|
10
|
+
export declare function GitIssueButton({ report, messages, disabled, isSubmitting, onCreateIssue }: GitIssueButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=GitIssueButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GitIssueButton.d.ts","sourceRoot":"","sources":["../../../../src/components/panel/feedback/GitIssueButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,KAAK,mBAAmB,GAAG;IACvB,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAgB,EAAE,YAAoB,EAAE,aAAa,EAAE,EAAE,mBAAmB,2CAmF9H"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { GitHubIcon } from "../../../components/icons/Icons.js";
|
|
4
|
+
import { HoverTooltip } from "../../../components/ui/HoverTooltip.js";
|
|
5
|
+
import { getGitHubIssueUrl, hasGitHubIssue } from "../../../utils/githubIntegration.js";
|
|
6
|
+
export function GitIssueButton({ report, messages, disabled = false, isSubmitting = false, onCreateIssue }) {
|
|
7
|
+
const [confirming, setConfirming] = useState(false);
|
|
8
|
+
const issueUrl = getGitHubIssueUrl(report);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (!confirming) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
const timer = window.setTimeout(() => setConfirming(false), 1500);
|
|
14
|
+
return () => {
|
|
15
|
+
window.clearTimeout(timer);
|
|
16
|
+
};
|
|
17
|
+
}, [confirming]);
|
|
18
|
+
if (hasGitHubIssue(report) && issueUrl) {
|
|
19
|
+
return (_jsx(HoverTooltip, { label: messages.feedbackList.gitIssueViewTitle, children: _jsx("a", { href: issueUrl, target: "_blank", rel: "noopener noreferrer", "data-fivepixels-interactive": "", onClick: (event) => event.stopPropagation(), "aria-label": messages.feedbackList.gitIssueViewAriaLabel, className: "flex shrink-0 items-center justify-center self-start rounded-[6px] p-[6px] text-[var(--adaptive-black500)] hover:bg-[var(--adaptive-black100)] hover:text-[var(--adaptive-blue500)]", children: _jsx(GitHubIcon, { className: "h-[16px] w-[16px]" }) }) }));
|
|
20
|
+
}
|
|
21
|
+
const handleCreate = (event) => {
|
|
22
|
+
event.stopPropagation();
|
|
23
|
+
if (disabled || isSubmitting) {
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
if (!confirming) {
|
|
27
|
+
setConfirming(true);
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
void onCreateIssue(report).finally(() => {
|
|
31
|
+
setConfirming(false);
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
const tooltipLabel = isSubmitting
|
|
35
|
+
? messages.feedbackList.gitIssueCreatingLabel
|
|
36
|
+
: confirming
|
|
37
|
+
? messages.feedbackList.gitIssueConfirmTitle
|
|
38
|
+
: messages.feedbackList.gitIssueAddTitle;
|
|
39
|
+
return (_jsx(HoverTooltip, { label: tooltipLabel, disabled: disabled || isSubmitting, children: _jsxs("button", { type: "button", "data-fivepixels-interactive": "", onClick: handleCreate, disabled: disabled || isSubmitting, "aria-label": confirming ? messages.feedbackList.gitIssueConfirmAriaLabel : messages.feedbackList.gitIssueAddAriaLabel, className: `flex shrink-0 items-center justify-center gap-[2px] self-start rounded-[6px] p-[6px] disabled:opacity-50 ${confirming
|
|
40
|
+
? "text-[var(--adaptive-blue500)] hover:bg-[var(--adaptive-black100)]"
|
|
41
|
+
: "text-[var(--adaptive-black500)] hover:bg-[var(--adaptive-black100)] hover:text-[var(--adaptive-blue500)]"}`, children: [_jsx(GitHubIcon, { className: "h-[16px] w-[16px]" }), isSubmitting ? (_jsx("span", { className: "text-[10px] font-semibold", children: messages.feedbackList.gitIssueCreatingLabel })) : confirming ? (_jsx("span", { className: "text-[10px] font-semibold", children: messages.feedbackList.gitIssueConfirmLabel })) : null] }) }));
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=GitIssueButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GitIssueButton.js","sourceRoot":"","sources":["../../../../src/components/panel/feedback/GitIssueButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ReportReply } from "../../../types/report.js";
|
|
2
|
+
type GitIssuedThreadEntryProps = {
|
|
3
|
+
reply: ReportReply;
|
|
4
|
+
issueUrl: string;
|
|
5
|
+
};
|
|
6
|
+
export declare function GitIssuedThreadEntry({ reply, issueUrl }: GitIssuedThreadEntryProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=GitIssuedThreadEntry.d.ts.map
|