@devops-flow/devops-flow-pipeline-detail 0.0.37

package/es/components/common/teambition/flow/error-hint/index.scss

@@ -0,0 +1,112 @@
+@import '../../bem.scss';
+
+$prefix: error-hint;
+
+@include block($prefix) {
+  position: fixed;
+  right: 3px;
+  top: 70px;
+  z-index: 999;
+  @include element(arrows) {
+    width: 36px;
+    height: 23px;
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: all .18s ease-in;
+    &:hover {
+      transform: scale(1.2);
+    }
+    @include element(img) {
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      z-index: 99;
+    }
+    @include element(text) {
+      z-index: 100;
+      margin-left: -5px;
+      font-size: 12px;
+    }
+  }
+  @include element(popup) {
+    width: 200px;
+    height: 200px;
+    position: absolute;
+    right: 50px;
+    top: -6px;
+    border-radius: 4px;
+    background-image: url("https://img.alicdn.com/imgextra/i4/O1CN01b68I361HCGMdHS3CX_!!6000000000721-2-tps-400-400.png");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    animation: shake 3s linear infinite;
+    &::after {
+      content: '';
+      position: absolute;
+      right: -4px;
+      top: 14px;
+      height: 0;
+      width: 0;
+      border-left: 6px solid transparent;
+      border-right: 6px solid var(--color-brand1-6, #1b9aee);
+      border-bottom: 6px solid transparent;
+      transform: rotate(45deg);
+    }
+    @include element(img) {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+    }
+    @include element(desc) {
+      margin-top: 110px;
+      color: white;
+    }
+    @include element(btn) {
+      border-radius: 4px;
+      width: 72px;
+      height: 28px;
+      line-height: 28px;
+      text-align: center;
+      background: var(--color-brand1-1, #f0f9ff);
+      color: #0171c2;
+      cursor: pointer;
+      margin-top: 4px;
+    }
+  }
+}
+
+@keyframes shake {
+  0% {
+    transform: translate(0);
+  }
+
+  40% {
+    transform: translate(0);
+  }
+
+  50% {
+    transform: translateY(6px);
+  }
+
+  60% {
+    transform: translate(0);
+  }
+
+  70% {
+    transform: translateY(6px);
+  }
+
+  80% {
+    transform: translate(0);
+  }
+
+  to {
+    transform: translate(0);
+  }
+}

package/es/components/common/teambition/flow/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.scss';
+declare const Flow: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export default Flow;

package/es/components/common/teambition/flow/index.js

@@ -0,0 +1,545 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["flow", "field", "invalidateTasks", "pipelineId", "config", "editable", "onFlowChange", "onErrors", "setJobMenuVisible", "setComponentMenuVisible", "jobMenuVisible", "componentMenuVisible", "type", "status", "trackPage", "flowWrapRef", "components", "stepList", "stageTemplateGroupList", "sourceVisible", "draftJobContext", "setDraftJobContext", "isAdmin"];
+/* eslint-disable react/jsx-pascal-case */
+import React, { useState, useEffect, useImperativeHandle, forwardRef } from 'react';
+import tools, { intervalEnterTime } from "../../../../utils";
+import FlowGroup, { AddFlowGroup, AddFlowGroupSplitLine as SplitLine } from "../flow-group";
+import FlowJobEditMenu from "../flow-job-edit-menu";
+import TaskTemplate from "../task-template";
+import FlowJobRuntimeMenu from "../flow-job-runtime-menu";
+import jobInitializer from "../flow-engine/jobInitializer";
+import { PipelineMenuWrapper } from "../menu-wrapper";
+import ErrorHint from "./error-hint/index";
+import { debounce } from 'lodash-es';
+import track from "../../../../utils/track";
+import intl from "../../../../locale";
+import "./index.scss";
+var sourceOpen = function sourceOpen() {
+  return tools.getUrlSearchParam('source') !== 'open';
+};
+var defaultConfig = {
+  wrapper: {
+    padding: 20
+  },
+  task: {
+    height: 40,
+    width: 126,
+    margin: 10
+  }
+};
+var timers = {
+  autoOpenMenuTimer: null,
+  activeErrorCapsuleTimer: null,
+  activeCapsuleTimer: null,
+  activeStagesTimer: null
+};
+var Flow = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$flow = _ref.flow,
+    flow = _ref$flow === void 0 ? [] : _ref$flow,
+    field = _ref.field,
+    _ref$invalidateTasks = _ref.invalidateTasks,
+    invalidateTasks = _ref$invalidateTasks === void 0 ? [] : _ref$invalidateTasks,
+    pipelineId = _ref.pipelineId,
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? defaultConfig : _ref$config,
+    _ref$editable = _ref.editable,
+    editable = _ref$editable === void 0 ? false : _ref$editable,
+    _ref$onFlowChange = _ref.onFlowChange,
+    onFlowChange = _ref$onFlowChange === void 0 ? function () {} : _ref$onFlowChange,
+    _ref$onErrors = _ref.onErrors,
+    onErrors = _ref$onErrors === void 0 ? function () {} : _ref$onErrors,
+    _ref$setJobMenuVisibl = _ref.setJobMenuVisible,
+    setJobMenuVisible = _ref$setJobMenuVisibl === void 0 ? function () {} : _ref$setJobMenuVisibl,
+    _ref$setComponentMenu = _ref.setComponentMenuVisible,
+    setComponentMenuVisible = _ref$setComponentMenu === void 0 ? function () {} : _ref$setComponentMenu,
+    jobMenuVisible = _ref.jobMenuVisible,
+    componentMenuVisible = _ref.componentMenuVisible,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'capsule' : _ref$type,
+    status = _ref.status,
+    trackPage = _ref.trackPage,
+    flowWrapRef = _ref.flowWrapRef,
+    components = _ref.components,
+    stepList = _ref.stepList,
+    stageTemplateGroupList = _ref.stageTemplateGroupList,
+    sourceVisible = _ref.sourceVisible,
+    _ref$draftJobContext = _ref.draftJobContext,
+    draftJobContext = _ref$draftJobContext === void 0 ? {} : _ref$draftJobContext,
+    setDraftJobContext = _ref.setDraftJobContext,
+    _ref$isAdmin = _ref.isAdmin,
+    isAdmin = _ref$isAdmin === void 0 ? false : _ref$isAdmin,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  // const [componentMenuVisible, setComponentMenuVisible] = useState(false);
+  var _useState = useState(false),
+    jobRuntimeVisible = _useState[0],
+    setJobRuntimeVisible = _useState[1];
+  var _useState2 = useState({
+      job: {}
+    }),
+    currentJobContext = _useState2[0],
+    setCurrentJobContext = _useState2[1];
+  // const [draftJobContext, setDraftJobContext] = useState();
+  var _useState3 = useState(),
+    runtimeJobContext = _useState3[0],
+    setRuntimeJobContext = _useState3[1];
+  var _useState4 = useState(),
+    activeJob = _useState4[0],
+    setActiveJob = _useState4[1];
+  var _useState5 = useState(true),
+    autoOpenMenu = _useState5[0],
+    setAutoOpenMenu = _useState5[1];
+  var _useState6 = useState({}),
+    errorInfo = _useState6[0],
+    setErrorInfo = _useState6[1];
+  var _useState7 = useState([]),
+    errorEles = _useState7[0],
+    setErrorEles = _useState7[1];
+  var _useState8 = useState(false),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
+  var flowIndex0 = flow.length === 0;
+  useEffect(function () {
+    timers.activeCapsuleTimer && clearTimeout(timers.activeCapsuleTimer);
+    var _ref2 = document.getElementsByClassName('flow-job-capsule--active') || [],
+      activeCapsule = _ref2[0];
+    var _ref3 = document.getElementsByClassName('flow-job-card--active') || [],
+      activeCard = _ref3[0];
+    var activeElement = activeCapsule || activeCard;
+    if (activeElement) {
+      timers.activeCapsuleTimer = setTimeout(function () {
+        activeElement.scrollIntoView({
+          behavior: 'smooth',
+          block: 'nearest',
+          inline: 'center'
+        });
+      }, 0);
+    }
+  }, [activeJob]);
+  useEffect(function () {
+    var _ref4 = draftJobContext || {},
+      groupIndex = _ref4.groupIndex,
+      groupType = _ref4.type;
+    if (!Number.isFinite(groupIndex) && !groupType) return;
+    var activeElements = [].concat(document.getElementsByClassName('flow-group-editable'), document.getElementsByClassName('flow-group-create'));
+    var activeElement = activeElements.find(function (e) {
+      if (e.getAttribute('data-group-index')) {
+        return e.getAttribute('data-group-index') === String(groupIndex);
+      }
+      if (e.getAttribute('data-group-type')) {
+        return e.getAttribute('data-group-type') === groupType;
+      }
+      return false;
+    });
+    if (activeElement) {
+      timers.activeStagesTimer = setTimeout(function () {
+        activeElement.scrollIntoView({
+          behavior: 'smooth',
+          block: 'nearest',
+          inline: 'center'
+        });
+      }, 0);
+    }
+  }, [draftJobContext]);
+  useEffect(function () {
+    timers.activeErrorCapsuleTimer && clearTimeout(timers.activeErrorCapsuleTimer);
+    var _ref5 = document.getElementsByClassName('flow-job-capsule--error') || [],
+      errorCaspsule = _ref5[0],
+      others = _ref5.slice(1);
+
+    // 自动弹出编辑侧边栏
+    if (!jobMenuVisible && errorCaspsule && autoOpenMenu && sourceOpen()) {
+      openFlowEditMenu(errorCaspsule);
+    }
+    // 保存所有有问题的胶囊dom
+    if (errorCaspsule && !jobMenuVisible && !autoOpenMenu) {
+      setErrorEles([errorCaspsule].concat(others));
+    }
+    // 自动滚动到报错位置
+    if (!jobMenuVisible && errorCaspsule) {
+      timers.activeErrorCapsuleTimer = setTimeout(function () {
+        errorCaspsule.scrollIntoView({
+          behavior: 'smooth',
+          block: 'nearest',
+          inline: 'center'
+        });
+      }, 50);
+    }
+  }, [invalidateTasks]);
+  useEffect(function () {
+    if (!flowWrapRef) return;
+    var debounced = debounce(flowWrapScroll, 300);
+    flowWrapRef.addEventListener('scroll', debounced);
+  }, [errorEles.length, flowWrapRef]);
+  useEffect(function () {
+    return function () {
+      Object.keys(timers).forEach(function (k) {
+        return timers[k] && clearTimeout(timers[k]);
+      });
+      flowWrapRef && flowWrapRef.removeEventListener('scroll', flowWrapScroll);
+    };
+  }, []);
+  var openFlowEditMenu = function openFlowEditMenu(el, c) {
+    if (c === void 0) {
+      c = {};
+    }
+    if (!el) return;
+    var _ref6 = c || {},
+      time = _ref6.time;
+    timers.autoOpenMenuTimer && clearTimeout(timers.autoOpenMenuTimer);
+    var validation = function validation(arr) {
+      if (arr === void 0) {
+        arr = [];
+      }
+      return arr.every(function (i) {
+        return i !== null && i !== undefined && i !== '';
+      });
+    };
+    var _ref7 = el.getAttribute('data-indexs').split('-').map(function (k) {
+        return Number(k);
+      }) || [],
+      groupIndex = _ref7[0],
+      stageIndex = _ref7[1],
+      jobIndex = _ref7[2];
+    if (!validation([groupIndex, stageIndex, jobIndex])) return;
+    timers.autoOpenMenuTimer = setTimeout(function () {
+      var job = flow[groupIndex].stages[stageIndex].jobs[jobIndex];
+      var errorJob = {
+        job: job,
+        groupIndex: groupIndex,
+        stageIndex: stageIndex,
+        jobIndex: jobIndex
+      };
+      setCurrentJobContext(errorJob);
+      setActiveJob(job.identifier);
+      setJobMenuVisible(true);
+      setAutoOpenMenu(false);
+    }, time || 500);
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      openFlowEditMenu: openFlowEditMenu
+    };
+  });
+  var flowWrapScroll = function flowWrapScroll() {
+    if (!errorEles.length) return null;
+    var errorCaspsules = errorEles.filter(function (el) {
+      var _el$getBoundingClient = el.getBoundingClientRect(),
+        left = _el$getBoundingClient.left;
+      return left + 50 > window.innerWidth;
+    });
+    var identifier = errorCaspsules.length ? errorCaspsules[0].getAttribute('data-identifier') : '';
+    setErrorInfo({
+      number: errorCaspsules.length,
+      identifier: identifier
+    });
+  };
+  var onCloseMenu = function onCloseMenu() {
+    autoOpenMenu && setAutoOpenMenu(false);
+    setComponentMenuVisible(false);
+    setDraftJobContext();
+  };
+  var positionError = function positionError(identifier, next) {
+    if (next === void 0) {
+      next = false;
+    }
+    if (!errorEles.length) return;
+    var errorCaspsuleIndex = errorEles.findIndex(function (el) {
+      return el.getAttribute('data-identifier') === identifier;
+    });
+    var errorCaspsule = errorEles[next ? errorCaspsuleIndex + 1 : errorCaspsuleIndex];
+    if (!errorCaspsule) return;
+    errorCaspsule.scrollIntoView({
+      behavior: 'smooth',
+      block: 'nearest',
+      inline: 'center'
+    });
+  };
+  var groupView = function groupView(group, index) {
+    return /*#__PURE__*/React.createElement(FlowGroup, {
+      key: "flow-group-" + group.name + "-" + index,
+      pipelineId: pipelineId,
+      flow: flow,
+      group: group,
+      groupIndex: index,
+      config: config,
+      editable: editable,
+      isAdmin: isAdmin,
+      type: type,
+      invalidateTasks: invalidateTasks,
+      activeJob: activeJob,
+      setActiveJob: setActiveJob,
+      status: status,
+      trackPage: trackPage,
+      onCardDouble: positionError,
+      componentMenuVisible: componentMenuVisible,
+      onGroupChange: function onGroupChange(nextGroup) {
+        var nextFlow = Object.assign([], flow);
+        nextFlow[index] = nextGroup;
+        onFlowChange(nextFlow);
+      },
+      onOpenFlowJobEditMenu: function onOpenFlowJobEditMenu(context) {
+        setComponentMenuVisible(false);
+        setCurrentJobContext(context);
+        setActiveJob(context.job.identifier);
+        setJobMenuVisible(true);
+      },
+      onOpenComponentMenu: function onOpenComponentMenu(context) {
+        setJobMenuVisible(false);
+        setDraftJobContext(context);
+        setComponentMenuVisible(true);
+      },
+      onOpenRuntimeMenu: function onOpenRuntimeMenu(context, _type) {
+        setRuntimeJobContext(_extends({}, context, {
+          openType: _type
+        }));
+        setActiveJob(context.job.identifier);
+        setJobRuntimeVisible(true);
+      }
+    });
+  };
+  var splitView = function splitView(group, index, operation) {
+    if (operation === void 0) {
+      operation = true;
+    }
+    return /*#__PURE__*/React.createElement(SplitLine, {
+      key: "split-line-" + group.name + "-" + index,
+      group: {
+        name: intl.get({
+          id: 'rdc-tb-cd-assets.teambition.flow.NewStage',
+          defaultMessage: '新阶段'
+        })
+      },
+      single: group.single,
+      config: config,
+      groupIndex: index + 1,
+      trackPage: trackPage,
+      operation: operation,
+      editable: editable,
+      flowIndex0: flowIndex0,
+      onOpenComponentMenu: function onOpenComponentMenu(context) {
+        setJobMenuVisible(false);
+        setDraftJobContext(context);
+        setComponentMenuVisible(true);
+      }
+    });
+  };
+  var renderErrorHint = function renderErrorHint() {
+    if (!!errorInfo.number && !jobMenuVisible && !componentMenuVisible && !sourceVisible) {
+      return /*#__PURE__*/React.createElement(ErrorHint, {
+        errorInfo: errorInfo,
+        onClick: positionError
+      });
+    }
+    return null;
+  };
+  var getStageName = function getStageName(name) {
+    if (name === void 0) {
+      name = '';
+    }
+    if (name.includes(intl.get({
+      id: 'rdc-tb-cd-assets.teambition.flow.Scanning',
+      defaultMessage: '扫描'
+    }))) {
+      return intl.get({
+        id: 'rdc-tb-cd-assets.teambition.flow.CodeScanning',
+        defaultMessage: '代码扫描'
+      });
+    }
+    if (name.includes(intl.get({
+      id: 'rdc-tb-cd-assets.teambition.flow.Build',
+      defaultMessage: '构建'
+    }))) return intl.get({
+      id: 'rdc-tb-cd-assets.teambition.flow.Build',
+      defaultMessage: '构建'
+    });
+    if (name.includes(intl.get({
+      id: 'rdc-tb-cd-assets.teambition.flow.Test',
+      defaultMessage: '测试'
+    }))) return intl.get({
+      id: 'rdc-tb-cd-assets.teambition.flow.Test',
+      defaultMessage: '测试'
+    });
+    if (name.includes(intl.get({
+      id: 'rdc-tb-cd-assets.teambition.flow.Deployment',
+      defaultMessage: '部署'
+    }))) {
+      return intl.get({
+        id: 'rdc-tb-cd-assets.teambition.flow.Deployment',
+        defaultMessage: '部署'
+      });
+    }
+    if (name.includes(intl.get({
+      id: 'rdc-tb-cd-assets.teambition.flow.MergeCode',
+      defaultMessage: '合并代码'
+    }))) {
+      return intl.get({
+        id: 'rdc-tb-cd-assets.teambition.flow.WriteBaseline',
+        defaultMessage: '写基线'
+      });
+    }
+    if (name.includes(intl.get({
+      id: 'rdc-tb-cd-assets.teambition.flow.Command',
+      defaultMessage: '命令'
+    }))) return intl.get({
+      id: 'rdc-tb-cd-assets.teambition.flow.Command',
+      defaultMessage: '命令'
+    });
+    return intl.get({
+      id: 'rdc-tb-cd-assets.teambition.flow.NewStage',
+      defaultMessage: '新阶段'
+    });
+  };
+  var taskShowCondition = function taskShowCondition() {
+    if (editable && components.length && stepList.length && stageTemplateGroupList.length) {
+      return true;
+    }
+    return false;
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flow-groups-container flow-groups-container--" + type
+  }, renderErrorHint(), /*#__PURE__*/React.createElement("div", {
+    className: "flow-groups",
+    id: "flow-groups"
+  }, splitView({
+    name: 'new'
+  }, -1, !(flow[0] || {}).single), flow.flatMap(function (group, index, self) {
+    return [groupView(group, index), splitView(group, index, index !== self.length - 1)];
+  }), editable && /*#__PURE__*/React.createElement(AddFlowGroup, {
+    type: "new",
+    group: {
+      name: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.flow.NewStage',
+        defaultMessage: '新阶段'
+      })
+    },
+    config: config,
+    flowIndex0: flowIndex0,
+    trackPage: trackPage,
+    onOpenComponentMenu: function onOpenComponentMenu(context) {
+      track({
+        action: 'choose job template',
+        page: trackPage || 'edit page',
+        daysinceenterflow: intervalEnterTime()
+      });
+      setJobMenuVisible(false);
+      setDraftJobContext(context);
+      setComponentMenuVisible(true);
+    }
+  })), !editable && /*#__PURE__*/React.createElement(FlowJobRuntimeMenu, _extends({}, runtimeJobContext, {
+    isAdmin: isAdmin,
+    visible: jobRuntimeVisible,
+    onClose: function onClose() {
+      setJobRuntimeVisible(false);
+      // reset runtime job context
+      var timer = setTimeout(function () {
+        // 弹窗防抖
+        setRuntimeJobContext();
+        clearTimeout(timer);
+      }, 300);
+    }
+  })), editable && /*#__PURE__*/React.createElement(FlowJobEditMenu, _extends({}, currentJobContext, {
+    pipelineId: pipelineId,
+    field: field,
+    flow: flow,
+    visible: jobMenuVisible,
+    onErrors: onErrors,
+    onChange: onFlowChange,
+    trackPage: trackPage,
+    onOk: function onOk(nextFlow) {
+      setJobMenuVisible(false);
+      onFlowChange(nextFlow);
+    },
+    onClose: function onClose() {
+      setJobMenuVisible(false);
+      setActiveJob();
+    }
+  }, props)), taskShowCondition() && /*#__PURE__*/React.createElement(PipelineMenuWrapper, {
+    visible: componentMenuVisible,
+    width: 600,
+    footer: false,
+    onClose: onCloseMenu,
+    loading: loading
+  }, /*#__PURE__*/React.createElement(TaskTemplate, {
+    onClose: onCloseMenu,
+    stepList: stepList,
+    components: components,
+    stageTemplateGroupList: stageTemplateGroupList,
+    trackPage: trackPage,
+    type: "pipeline",
+    bodyHeight: 'calc(100vh - 66px)',
+    onJobAdd: function onJobAdd(component, componentParams, componentOutput, customJob) {
+      if (componentParams === void 0) {
+        componentParams = {};
+      }
+      if (componentOutput === void 0) {
+        componentOutput = [];
+      }
+      setLoading(true);
+      var addJob;
+      if (customJob) {
+        addJob = customJob;
+      } else {
+        addJob = jobInitializer(component, componentParams, componentOutput);
+      }
+      var nextFlow = Object.assign([], flow);
+      var groupIndex = draftJobContext.groupIndex,
+        stageIndex = draftJobContext.stageIndex,
+        jobIndex = draftJobContext.jobIndex,
+        isAppend = draftJobContext.isAppend;
+      // push新的阶段
+      if (!draftJobContext || groupIndex === undefined && !isAppend) {
+        nextFlow.push({
+          name: getStageName(addJob.displayName),
+          stages: [{
+            driven: 'AUTO',
+            jobs: [addJob]
+          }]
+        });
+        draftJobContext.groupIndex = nextFlow.length - 1;
+        draftJobContext.stageIndex = 0;
+        draftJobContext.jobIndex = 0;
+      } else {
+        // 在groupIndex后添加阶段
+        if (groupIndex !== undefined && stageIndex === undefined && isAppend) {
+          nextFlow.splice(groupIndex, 0, {
+            name: getStageName(addJob.displayName),
+            stages: [{
+              driven: 'AUTO',
+              jobs: [addJob]
+            }]
+          });
+          draftJobContext.stageIndex = 0;
+          draftJobContext.jobIndex = 0;
+        }
+
+        // 添加并行任务
+        if (groupIndex !== undefined && stageIndex === undefined && !isAppend) {
+          nextFlow[groupIndex].stages.push({
+            driven: 'AUTO',
+            jobs: [addJob]
+          });
+          draftJobContext.stageIndex = nextFlow[groupIndex].stages.length - 1;
+          draftJobContext.jobIndex = 0;
+        }
+
+        // 添加任务
+        if (groupIndex !== undefined && stageIndex !== undefined && jobIndex !== undefined) {
+          if (isAppend) {
+            nextFlow[groupIndex].stages[stageIndex].jobs.splice(jobIndex + 1, 0, addJob);
+            // draftJobContext.jobIndex += 1;
+          } else {
+            nextFlow[groupIndex].stages[stageIndex].jobs.splice(jobIndex, 0, addJob);
+          }
+        }
+      }
+      draftJobContext.job = addJob;
+      onFlowChange(nextFlow);
+      setCurrentJobContext(draftJobContext);
+      setActiveJob(addJob.identifier);
+      setJobMenuVisible(true);
+      setLoading(false);
+    }
+  })));
+});
+export default Flow;

package/es/components/common/teambition/flow/index.scss

@@ -0,0 +1,13 @@
+.flow-groups-container {
+  transition: all 0.2s ease-in-out;
+  height: 100%;
+  // &.editing {
+  //   max-width: calc(100% - 530px);
+  // }
+}
+.stage-temlate-dialog {
+  width: 951px;
+  .next-dialog-body {
+    padding: 0;
+  }
+}

package/es/components/common/teambition/flow-engine/AdvancedSetting.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Field } from '@teamix/ui';
+interface Props {
+    field: Field;
+    jobIdentifier: string;
+    onChange: (v: object) => void;
+    jobParams: Record<string, any>;
+}
+export default function AdvancedSetting({ field, jobIdentifier, onChange, jobParams, }: Props): JSX.Element;
+export {};