n8n/packages/editor-ui/src/components
Milorad FIlipović 393afef174
feat(editor): Add option to disable NDV in workflow previews (#7990)
## Summary
This PR adds a new property to the `WorkflowPreview` component that
controls if the Node Details View can be opened in each workflow preview
or not.
This property is passed on to underlying `iframe` via the `postMessage`
and is used to disable pointer events for nodes and stickies in that
preview.

#### How to test the change:
Until the component that uses this flag is implemented this can be
tested manually. In this example, we'll use `WorkflowPreview` as part of
the `TemplatesWorkflowView` component
1. Pass `:canOpenNDV="false"` to this component
2. Run n8n
3. Open any template preview and check if nodes and stickies are
interactive
4. Open any workflow execution preview -> Nodes and Stickies should be
interactive

## Issues fixed
Fixes ADO-1548

## Review / Merge checklist
- [ ] PR title and summary are descriptive. **Remember, the title
automatically goes into the changelog. Use `(no-changelog)` otherwise.**
([conventions](https://github.com/n8n-io/n8n/blob/master/.github/pull_request_title_conventions.md))
- [ ] [Docs updated](https://github.com/n8n-io/n8n-docs) or follow-up
ticket created.
- [ ] Tests included.
> A bug is not considered fixed, unless a test is added to prevent it
from happening again. A feature is not complete without tests.
  >
> *(internal)* You can use Slack commands to trigger [e2e
tests](https://www.notion.so/n8n/How-to-use-Test-Instances-d65f49dfc51f441ea44367fb6f67eb0a?pvs=4#a39f9e5ba64a48b58a71d81c837e8227)
or [deploy test
instance](https://www.notion.so/n8n/How-to-use-Test-Instances-d65f49dfc51f441ea44367fb6f67eb0a?pvs=4#f6a177d32bde4b57ae2da0b8e454bfce)
or [deploy early access version on
Cloud](https://www.notion.so/n8n/Cloudbot-3dbe779836004972b7057bc989526998?pvs=4#fef2d36ab02247e1a0f65a74f6fb534e).
2023-12-11 15:30:01 +01:00
..
__tests__ feat(editor): Add option to disable NDV in workflow previews (#7990) 2023-12-11 15:30:01 +01:00
banners fix(editor): Replace isInstanceOwner checks with scopes where applicable (#7858) 2023-12-04 10:02:54 +01:00
CodeNodeEditor refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
ContextMenu refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
CredentialEdit refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
CredentialPicker feat(editor): Add user opened cred modal telemetry event (no-changelog) (#7927) 2023-12-07 16:05:43 +02:00
Error feat(core): Update LLM applications building support (no-changelog) (#7710) 2023-11-28 16:47:28 +01:00
ExecutionsView refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
ExpandableInput
ExpressionEditorModal build: Upgrade to Vite 5 (#7784) 2023-11-23 11:55:02 +01:00
forms
HtmlEditor
InlineExpressionEditor refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
layouts refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
MainHeader refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
Node feat: AI nodes usability fixes + Summarization Chain V2 (#7949) 2023-12-08 13:42:32 +01:00
ResourceLocator refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
ResourceMapper refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
RunDataAi feat: AI nodes usability fixes + Summarization Chain V2 (#7949) 2023-12-08 13:42:32 +01:00
SettingsLogStreaming fix(editor): Replace isInstanceOwner checks with scopes where applicable (#7858) 2023-12-04 10:02:54 +01:00
SqlEditor
TagsManager refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
transitions
Workers refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
WorkflowHistory feat(core): Update LLM applications building support (no-changelog) (#7710) 2023-11-28 16:47:28 +01:00
AboutModal.vue
ActivationModal.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
Badge.vue
Banner.vue
BinaryDataDisplay.vue refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
BinaryDataDisplayEmbed.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
BreakpointsObserver.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
CanvasControls.vue feat(editor): Add node context menu (#7620) 2023-11-20 14:37:12 +01:00
ChangePasswordModal.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
ChatEmbedModal.vue fix: Run dev command only for core packages (no-changelog) (#7928) 2023-12-06 17:28:33 +02:00
CollectionCard.vue
CollectionParameter.vue fix(editor): Fix collection select label (no-changelog) (#7978) 2023-12-11 09:50:21 +01:00
CollectionsCarousel.vue
CollectionWorkflowCard.vue
CommunityPackageCard.vue
CommunityPackageInstallModal.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
CommunityPackageManageConfirmModal.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
ContactPromptModal.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
CopyInput.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
CredentialCard.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
CredentialIcon.vue fix(editor): Fix credential icon for old node type version (#7843) 2023-11-28 15:14:22 +02:00
CredentialsSelect.vue
CredentialsSelectModal.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
DebugPaywallModal.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
DeleteUserModal.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
Draggable.vue
DraggableTarget.vue
DuplicateWorkflowDialog.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
EnterpriseEdition.ee.vue
ExecutionFilter.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
ExecutionsList.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
ExecutionsUsage.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
ExecutionTime.vue
ExpressionEdit.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
ExpressionFunctionIcon.vue
ExpressionParameterInput.vue
ExternalSecretsProviderCard.ee.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
ExternalSecretsProviderConnectionSwitch.ee.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
ExternalSecretsProviderImage.ee.vue
ExternalSecretsProviderModal.ee.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
FeatureComingSoon.vue
FixedCollectionParameter.vue
GiftNotificationIcon.vue
GoBackButton.vue
HoverableNodeIcon.vue
ImportCurlModal.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
ImportParameter.vue
InlineNameEdit.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
InlineTextEdit.vue
InputPanel.vue feat(core): Update LLM applications building support (no-changelog) (#7710) 2023-11-28 16:47:28 +01:00
IntersectionObserved.vue
IntersectionObserver.vue
InviteUsersModal.vue feat: Introduce advanced permissions (#7844) 2023-12-08 12:52:25 +01:00
KeyboardShortcutTooltip.vue feat(editor): Add node context menu (#7620) 2023-11-20 14:37:12 +01:00
Logo.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
MainSidebar.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
MainSidebarSourceControl.vue fix(editor): Replace isInstanceOwner checks with scopes where applicable (#7858) 2023-12-04 10:02:54 +01:00
MappingPill.vue
MfaSetupModal.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
Modal.vue fix: Fix all modal sizes (#6820) 2023-08-01 13:52:33 +02:00
ModalDrawer.vue
ModalRoot.vue
Modals.vue
MultipleParameter.vue
NDVDraggablePanels.vue feat(core): Update LLM applications building support (no-changelog) (#7710) 2023-11-28 16:47:28 +01:00
NDVFloatingNodes.vue feat(core): Update LLM applications building support (no-changelog) (#7710) 2023-11-28 16:47:28 +01:00
Node.vue feat(editor): Add option to disable NDV in workflow previews (#7990) 2023-12-11 15:30:01 +01:00
NodeCredentials.vue refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
NodeDetailsView.vue refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
NodeExecuteButton.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
NodeIcon.vue feat(core): Update LLM applications building support (no-changelog) (#7710) 2023-11-28 16:47:28 +01:00
NodeList.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
NodeSettings.vue refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
NodeSettingsTabs.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
NodeTitle.vue
NodeWebhooks.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
OnboardingCallSignupModal.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
OutputPanel.vue feat(core): Update LLM applications building support (no-changelog) (#7710) 2023-11-28 16:47:28 +01:00
PageAlert.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
PageContentWrapper.vue
PanelDragButton.vue
ParameterInput.vue refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
ParameterInputExpanded.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
ParameterInputFull.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
ParameterInputHint.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
ParameterInputList.vue refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
ParameterInputWrapper.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
ParameterIssues.vue
ParameterOptions.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
PersonalizationModal.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
PushConnectionTracker.vue
RBAC.vue feat(editor): Add routing middleware, permission checks, RBAC store, RBAC component (#7702) 2023-11-23 13:22:47 +02:00
RunData.vue refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
RunDataHtml.vue
RunDataJson.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
RunDataJsonActions.vue refactor(editor): Refactor nodeHelpers mixin to composable (#7810) 2023-12-08 16:59:03 +01:00
RunDataSchema.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
RunDataSchemaItem.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
RunDataSearch.vue fix(editor): Prevent opening NDV search if / is typed in a contenteditable element (#7968) 2023-12-08 16:16:05 +01:00
RunDataTable.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
RunInfo.vue
SaveButton.vue feat(editor): Add node context menu (#7620) 2023-11-20 14:37:12 +01:00
ScopesNotice.vue
SettingsSidebar.vue fix(editor): Use project diagram icon for worker view (#7764) 2023-11-21 15:18:14 +01:00
ShortenName.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
SourceControlPullModal.ee.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
SourceControlPushModal.ee.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
SSOLogin.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
Sticky.vue feat(editor): Add option to disable NDV in workflow previews (#7990) 2023-12-11 15:30:01 +01:00
TagsContainer.vue
TagsDropdown.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
Telemetry.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
TemplateCard.vue feat(editor): Open template credential setup from collection (#7882) 2023-11-30 14:09:12 +02:00
TemplateDetails.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
TemplateDetailsBlock.vue
TemplateFilters.vue
TemplateList.vue
TextEdit.vue
TimeAgo.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
TitledList.vue
TriggerPanel.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
UpdatesPanel.vue
ValueSurvey.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
VariableSelector.vue
VariableSelectorItem.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
VariablesRow.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
VersionCard.vue
WarningTooltip.vue
WireMeUp.vue
WorkerList.ee.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
WorkflowActivator.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
WorkflowCard.vue refactor(editor): Delete some barrel files and reduce circular dependencies (no-changelog) (#7838) 2023-11-28 12:15:08 +01:00
WorkflowLMChat.vue feat: AI nodes usability fixes + Summarization Chain V2 (#7949) 2023-12-08 13:42:32 +01:00
WorkflowPreview.vue feat(editor): Add option to disable NDV in workflow previews (#7990) 2023-12-11 15:30:01 +01:00
WorkflowSettings.vue refactor: Migrate externalHooks mixin to composables (no-changelog) (#7930) 2023-12-06 17:28:09 +02:00
WorkflowShareModal.ee.vue feat: Introduce advanced permissions (#7844) 2023-12-08 12:52:25 +01:00