mcgilman opened a new pull request, #11142: URL: https://github.com/apache/nifi/pull/11142
## Summary NIFI-15824: Introducing the back/search header and breadcrumbs footer to the connector canvas Adds the connector canvas header bar (with back navigation, graph controls toggle, and component search) and the footer with process group breadcrumbs. Also promotes shared search types and relocates the `Breadcrumbs` component to `ui/common/` so it can be reused across both the flow designer and connector canvas. ### Header Bar - New `ConnectorCanvasHeaderBarComponent` with a "back to connectors" link, graph controls chevron toggle, and integrated search. - New `CanvasHeaderSearchComponent` in `ui/common/` — a standalone, store-free presentation component for typeahead search. Accepts a `searchFn` input and emits `goToComponent` for navigation. Uses signals for reactive state and `debounceTime` for search queries. - New `ConnectorService.searchConnector()` API method for searching within a connector's flow. - `searchFn` is guarded against empty `connectorId` (returns `EMPTY`). - Graph controls open/closed state is persisted to `localStorage`. ### Footer & Breadcrumbs - New `ConnectorCanvasFooterComponent` displaying process group breadcrumbs. - `Breadcrumbs` component relocated from `pages/flow-designer/ui/common/` to `ui/common/` to eliminate the architectural violation of a shared component living under a page-specific directory. - `Breadcrumbs` now accepts a `BreadcrumbRouteGenerator` input so each consumer can supply its own routing logic. The footer uses a `computed` signal to avoid creating a new closure on every change detection cycle. - Footer's `connectorId` uses `input.required<string>()` signal API. ### Shared Types - `SearchResultGroup`, `ComponentSearchResult`, `SearchResults`, and `SearchResultsEntity` promoted from the flow designer's search service to `state/shared/index.ts` for cross-feature reuse. - Flow designer's `SearchService` and `SearchComponent` updated to import from the shared location. ### Search Navigation - `onSearchGoToComponent` on the connector canvas handles two branches: same process group (select + center) and different process group (navigate with `skipTransform=false`). - Controller Service and Parameter Provider search result handling is deferred until Effort 9 adds those features to the connector canvas. ### Tests - Unit tests for all new components (`CanvasHeaderSearchComponent`, `ConnectorCanvasHeaderBarComponent`, `ConnectorCanvasFooterComponent`). - Extended `ConnectorCanvasComponent` tests for header/footer rendering, graph controls toggle, and both branches of search navigation. - All tests use `vi.fn()` (Vitest). -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
