n8n-editor-ui 1.72.1 → 1.74.0

package/dist/assets/ProjectHeader-DmZJgNYg.js

@@ -0,0 +1,297 @@
+import { d as defineComponent, U as useRoute, r as ref, q as computed, H as watch, c as openBlock, e as createBlock, m as resolveComponent, V as VIEWS, g as useI18n, h as createElementBlock, s as renderSlot, i as createVNode, w as withCtx, l as unref, aP as _sfc_main$3, n as normalizeClass, hY as N8nActionToggle, _ as _export_sfc, b as useRouter, a1 as useProjectsStore, a0 as useSourceControlStore, j as createBaseVNode, k as createTextVNode, t as toDisplayString, f as createCommentVNode, cs as N8nButton, a_ as mergeProps, aO as N8nTooltip, hZ as __unplugin_components_0, bZ as ProjectTypes, am as getResourcePermissions } from "./index-DWT5SiDA.js";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ProjectTabs",
+  props: {
+    showSettings: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const locale = useI18n();
+    const route = useRoute();
+    const selectedTab = ref("");
+    const options = computed(() => {
+      const projectId = route?.params?.projectId;
+      const to = projectId ? {
+        workflows: {
+          name: VIEWS.PROJECTS_WORKFLOWS,
+          params: { projectId }
+        },
+        credentials: {
+          name: VIEWS.PROJECTS_CREDENTIALS,
+          params: { projectId }
+        },
+        executions: {
+          name: VIEWS.PROJECTS_EXECUTIONS,
+          params: { projectId }
+        }
+      } : {
+        workflows: {
+          name: VIEWS.WORKFLOWS
+        },
+        credentials: {
+          name: VIEWS.CREDENTIALS
+        },
+        executions: {
+          name: VIEWS.EXECUTIONS
+        }
+      };
+      const tabs = [
+        {
+          label: locale.baseText("mainSidebar.workflows"),
+          value: to.workflows.name,
+          to: to.workflows
+        },
+        {
+          label: locale.baseText("mainSidebar.credentials"),
+          value: to.credentials.name,
+          to: to.credentials
+        },
+        {
+          label: locale.baseText("mainSidebar.executions"),
+          value: to.executions.name,
+          to: to.executions
+        }
+      ];
+      if (props.showSettings) {
+        tabs.push({
+          label: locale.baseText("projects.settings"),
+          value: VIEWS.PROJECT_SETTINGS,
+          to: { name: VIEWS.PROJECT_SETTINGS, params: { projectId } }
+        });
+      }
+      return tabs;
+    });
+    watch(
+      () => route?.name,
+      () => {
+        selectedTab.value = route?.name;
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      const _component_N8nTabs = resolveComponent("N8nTabs");
+      return openBlock(), createBlock(_component_N8nTabs, {
+        modelValue: selectedTab.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTab.value = $event),
+        options: options.value,
+        "data-test-id": "project-tabs"
+      }, null, 8, ["modelValue", "options"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ProjectCreateResource",
+  props: {
+    actions: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["action"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.buttonGroup])
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(unref(N8nActionToggle), {
+          "data-test-id": "add-resource",
+          actions: _ctx.actions,
+          placement: "bottom-end",
+          teleported: false,
+          onAction: _cache[0] || (_cache[0] = ($event) => emit("action", $event))
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$3), {
+              disabled: _ctx.disabled,
+              class: normalizeClass([_ctx.$style.buttonGroupDropdown]),
+              icon: "angle-down"
+            }, null, 8, ["disabled", "class"])
+          ]),
+          _: 1
+        }, 8, ["actions"])
+      ], 2);
+    };
+  }
+});
+const buttonGroup = "_buttonGroup_aulto_123";
+const buttonGroupDropdown = "_buttonGroupDropdown_aulto_137";
+const style0$1 = {
+  buttonGroup,
+  buttonGroupDropdown
+};
+const cssModules$1 = {
+  "$style": style0$1
+};
+const ProjectCreateResource = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProjectHeader",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const i18n = useI18n();
+    const projectsStore = useProjectsStore();
+    const sourceControlStore = useSourceControlStore();
+    const headerIcon = computed(() => {
+      if (projectsStore.currentProject?.type === ProjectTypes.Personal) {
+        return { type: "icon", value: "user" };
+      } else if (projectsStore.currentProject?.name) {
+        return projectsStore.currentProject.icon ?? { type: "icon", value: "layer-group" };
+      } else {
+        return { type: "icon", value: "home" };
+      }
+    });
+    const projectName = computed(() => {
+      if (!projectsStore.currentProject) {
+        return i18n.baseText("projects.menu.overview");
+      } else if (projectsStore.currentProject.type === ProjectTypes.Personal) {
+        return i18n.baseText("projects.menu.personal");
+      } else {
+        return projectsStore.currentProject.name;
+      }
+    });
+    const projectPermissions = computed(
+      () => getResourcePermissions(projectsStore.currentProject?.scopes).project
+    );
+    const showSettings = computed(
+      () => !!route?.params?.projectId && !!projectPermissions.value.update && projectsStore.currentProject?.type === ProjectTypes.Team
+    );
+    const homeProject = computed(() => projectsStore.currentProject ?? projectsStore.personalProject);
+    const ACTION_TYPES = {
+      WORKFLOW: "workflow",
+      CREDENTIAL: "credential"
+    };
+    const createWorkflowButton = computed(() => ({
+      value: ACTION_TYPES.WORKFLOW,
+      label: "Create Workflow",
+      icon: sourceControlStore.preferences.branchReadOnly ? "lock" : void 0,
+      size: "mini",
+      disabled: sourceControlStore.preferences.branchReadOnly || !getResourcePermissions(homeProject.value?.scopes).workflow.create
+    }));
+    const menu = computed(() => [
+      {
+        value: ACTION_TYPES.CREDENTIAL,
+        label: "Create credential",
+        disabled: sourceControlStore.preferences.branchReadOnly || !getResourcePermissions(homeProject.value?.scopes).credential.create
+      }
+    ]);
+    const actions2 = {
+      [ACTION_TYPES.WORKFLOW]: (projectId) => {
+        void router.push({
+          name: VIEWS.NEW_WORKFLOW,
+          query: {
+            projectId
+          }
+        });
+      },
+      [ACTION_TYPES.CREDENTIAL]: (projectId) => {
+        void router.push({
+          name: VIEWS.PROJECTS_CREDENTIALS,
+          params: {
+            projectId,
+            credentialId: "create"
+          }
+        });
+      }
+    };
+    const onSelect = (action) => {
+      const executableAction = actions2[action];
+      if (!homeProject.value) {
+        return;
+      }
+      executableAction(homeProject.value.id);
+    };
+    return (_ctx, _cache) => {
+      const _component_ProjectIcon = __unplugin_components_0;
+      const _component_N8nHeading = resolveComponent("N8nHeading");
+      const _component_N8nText = resolveComponent("N8nText");
+      return openBlock(), createElementBlock("div", null, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.projectHeader)
+        }, [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.projectDetails)
+          }, [
+            createVNode(_component_ProjectIcon, {
+              icon: headerIcon.value,
+              "border-less": true,
+              size: "medium"
+            }, null, 8, ["icon"]),
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.headerActions)
+            }, [
+              createVNode(_component_N8nHeading, {
+                bold: "",
+                tag: "h2",
+                size: "xlarge"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(projectName.value), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_N8nText, { color: "text-light" }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "subtitle", {}, () => [
+                    !unref(projectsStore).currentProject ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(i18n).baseText("projects.header.subtitle")), 1)) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 3
+              })
+            ], 2)
+          ], 2),
+          unref(route).name !== unref(VIEWS).PROJECT_SETTINGS ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass([_ctx.$style.headerActions])
+          }, [
+            createVNode(unref(N8nTooltip), {
+              disabled: !unref(sourceControlStore).preferences.branchReadOnly,
+              content: unref(i18n).baseText("readOnlyEnv.cantAdd.any")
+            }, {
+              default: withCtx(() => [
+                createVNode(ProjectCreateResource, {
+                  "data-test-id": "add-resource-buttons",
+                  actions: menu.value,
+                  disabled: unref(sourceControlStore).preferences.branchReadOnly,
+                  onAction: onSelect
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(N8nButton), mergeProps({ "data-test-id": "add-resource-workflow" }, createWorkflowButton.value, {
+                      onClick: _cache[0] || (_cache[0] = ($event) => onSelect(ACTION_TYPES.WORKFLOW))
+                    }), null, 16)
+                  ]),
+                  _: 1
+                }, 8, ["actions", "disabled"])
+              ]),
+              _: 1
+            }, 8, ["disabled", "content"])
+          ], 2)) : createCommentVNode("", true)
+        ], 2),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.actions)
+        }, [
+          createVNode(_sfc_main$2, { "show-settings": showSettings.value }, null, 8, ["show-settings"])
+        ], 2)
+      ]);
+    };
+  }
+});
+const projectHeader = "_projectHeader_m645v_123";
+const projectDescription = "_projectDescription_m645v_124";
+const projectDetails = "_projectDetails_m645v_132";
+const actions = "_actions_m645v_137";
+const headerActions = "_headerActions_m645v_147";
+const style0 = {
+  projectHeader,
+  projectDescription,
+  projectDetails,
+  actions,
+  headerActions
+};
+const cssModules = {
+  "$style": style0
+};
+const ProjectHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ProjectHeader as P
+};

package/dist/assets/ProjectSettings-BgunHp-2.css

@@ -0,0 +1,286 @@
+/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._operation_18zmn_123 {
+  padding: 0 0 var(--spacing-l) var(--spacing-l);
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._projectSettings_1mjy2_123 {
+  display: grid;
+  width: 100%;
+  justify-items: center;
+  grid-auto-rows: max-content;
+}
+._projectSettings_1mjy2_123 form {
+  width: 100%;
+  max-width: var(--content-container-width);
+  padding: 0 var(--spacing-2xl);
+}
+._projectSettings_1mjy2_123 form fieldset {
+  padding-bottom: var(--spacing-2xl);
+}
+._projectSettings_1mjy2_123 form fieldset label {
+  display: block;
+  margin-bottom: var(--spacing-xs);
+  font-size: var(--font-size-xl);
+}
+._header_1mjy2_143 {
+  width: 100%;
+  max-width: var(--content-container-width);
+  padding: var(--spacing-l) var(--spacing-2xl) 0;
+}
+._upgrade_1mjy2_149 {
+  cursor: pointer;
+}
+._buttons_1mjy2_153 {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+._project-name_1mjy2_159 {
+  display: flex;
+  gap: var(--spacing-2xs);
+  align-items: center;
+}
+._project-name_1mjy2_159 ._project-name-input_1mjy2_164 {
+  flex: 1;
+}