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

package/es/components/common/teambition/flow-engine/fields/appstackImage.js

@@ -0,0 +1,386 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/* eslint-disable */
+import React, { useState, useEffect } from "react";
+import { Button, Select, Input } from "@teamix/ui";
+import { YunxiaoIcon, Title } from "@alife/devops-ui";
+import { cloneDeep, isEqual } from "lodash-es";
+import IconFont from "../../icon-font";
+import intl from "../../../../../locale";
+import fetch from "../fetch";
+import "./appstackImage.scss";
+import { artifactSourceSelectOptionRender, getFlowSorucesOutputs, isArtifactSourceUpstreamValid } from "./upstreamSourcesUtils";
+var Option = Select.Option;
+var jobOutput = function jobOutput(job) {
+  job.output.forEach(function (item) {
+    item.jobIdentifier = job.identifier;
+  });
+  return job.output;
+};
+var stageOutput = function stageOutput(s) {
+  return s.jobs.flatMap(jobOutput);
+};
+var groupOutput = function groupOutput(g) {
+  return g.stages.flatMap(stageOutput);
+};
+var UpstreamItem = function UpstreamItem(props) {
+  var variable = props.variable,
+    variables = props.variables,
+    index = props.index,
+    _props$outputs = props.outputs,
+    outputs = _props$outputs === void 0 ? [] : _props$outputs,
+    disabled = props.disabled,
+    nameEditable = props.nameEditable,
+    sources = props.sources;
+  var onDelete = props.onDelete,
+    onVariableValueChange = props.onVariableValueChange,
+    onVariableNameChange = props.onVariableNameChange,
+    onVariableTypeChange = props.onVariableTypeChange;
+  var _useState = useState(variable.type || "custom"),
+    variableType = _useState[0],
+    setVariableType = _useState[1];
+  var upstreamValues = outputs.map(function (o) {
+    return "${" + o.jobIdentifier + "." + o.name + "}";
+  });
+  useEffect(function () {
+    setVariableType(variable.type);
+  }, [variable.type]);
+  var errorMsg = function errorMsg() {
+    if (!variable.label) {
+      return intl.get({
+        id: "rdc-tb-cd-assets.flow-engine.fields.multiUpstream.VariableName",
+        defaultMessage: "输入名称"
+      });
+    }
+    if (variables.filter(function (u) {
+      return u.label === variable.label;
+    }).length > 1) {
+      return intl.get({
+        id: "rdc-tb-cd-assets.flow-engine.fields.multiUpstream.VariableName.not.uniq",
+        defaultMessage: "参数名不能重复"
+      });
+    }
+    if (!variable.value) {
+      return intl.get({
+        id: "rdc-tb-cd-assets.flow-engine.fields.multiUpstream.VariableValue.empty",
+        defaultMessage: "请输入或选择参数值"
+      });
+    }
+    if (variable.type === "upstream" && upstreamValues.indexOf(variable.value) < 0 && !isArtifactSourceUpstreamValid(variable.value, sources)) {
+      return intl.get({
+        id: "rdc-tb-cd-assets.teambition.flow-engine.rules.TheCurrentConfigurationHasExpired",
+        defaultMessage: "上游 制品/镜像 已失效，请重新选择"
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "image-item",
+    key: variable.identifier
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "image-item-key"
+  }, /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled || !nameEditable,
+    placeholder: intl.get({
+      id: "rdc-tb-cd-assets.flow-engine.fields.multiUpstream.VariableName",
+      defaultMessage: "输入名称"
+    }),
+    value: variable.label,
+    onChange: function onChange(next) {
+      onVariableNameChange(index, next);
+    }
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, "=")), /*#__PURE__*/React.createElement("div", {
+    className: "image-item-value " + (nameEditable ? "editable" : "")
+  }, /*#__PURE__*/React.createElement(Select, {
+    className: "image-type-select",
+    value: variableType,
+    onChange: function onChange(v) {
+      onVariableTypeChange(index, v);
+      setVariableType(v);
+    }
+  }, /*#__PURE__*/React.createElement(Option, {
+    value: "custom"
+  }, intl.get({
+    id: "rdc-tb-cd-assets.flow-engine.fields.appstackImage.Custom",
+    defaultMessage: "自定义"
+  })), /*#__PURE__*/React.createElement(Option, {
+    value: "upstream"
+  }, intl.get({
+    id: "rdc-tb-cd-assets.flow-engine.fields.appstackImage.DataSource",
+    defaultMessage: "数据源"
+  }))), variableType === "upstream" && /*#__PURE__*/React.createElement(Select, {
+    disabled: disabled,
+    className: "upstream-select",
+    value: variable.value,
+    autoWidth: true,
+    popupContainer: function popupContainer(_ref) {
+      var parentNode = _ref.parentNode;
+      return parentNode;
+    },
+    popupStyle: {
+      background: "var(--color-white, #ffffff)"
+    },
+    onChange: function onChange(next) {
+      onVariableValueChange(index, next);
+    }
+  }, artifactSourceSelectOptionRender(sources), outputs.map(function (_ref2) {
+    var name = _ref2.name,
+      jobIdentifier = _ref2.jobIdentifier,
+      displayName = _ref2.displayName;
+    return /*#__PURE__*/React.createElement(Select.Option, {
+      key: name,
+      value: "${" + jobIdentifier + "." + name + "}"
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        maxWidth: 140
+      },
+      title: displayName
+    }, /*#__PURE__*/React.createElement(Title, {
+      trigger: displayName,
+      align: "t"
+    }, displayName)));
+  })), variableType === "custom" && /*#__PURE__*/React.createElement(Input, {
+    disabled: disabled,
+    className: "custom-input",
+    value: variable.value,
+    placeholder: intl.get({
+      id: "rdc-tb-cd-assets.flow-engine.fields.multiUpstream.ParameterValue",
+      defaultMessage: "输入自定义参数值"
+    }),
+    autoWidth: true,
+    popupContainer: function popupContainer(_ref3) {
+      var parentNode = _ref3.parentNode;
+      return parentNode;
+    },
+    onChange: function onChange(next) {
+      onVariableValueChange(index, next);
+    }
+  })), nameEditable && /*#__PURE__*/React.createElement("div", {
+    className: "image-item-ops"
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    text: true,
+    onClick: function onClick() {
+      return onDelete(index);
+    },
+    disabled: disabled
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "minus-fill"
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "image-item-error-msg"
+  }, errorMsg()));
+};
+var AppstackImage = function AppstackImage(props) {
+  var flow = props.flow,
+    groupIndex = props.groupIndex,
+    stageIndex = props.stageIndex,
+    jobIndex = props.jobIndex,
+    value = props.value,
+    fieldName = props.fieldName,
+    name = props.name,
+    field = props.field,
+    content = props.content,
+    template = props.template;
+  var _useState2 = useState(Array.isArray(value) ? value : []),
+    variables = _useState2[0],
+    setVariables = _useState2[1];
+  var _useState3 = useState([]),
+    outputs = _useState3[0],
+    setoutputs = _useState3[1];
+  var _useState4 = useState(false),
+    nameEditable = _useState4[0],
+    setNameEditable = _useState4[1];
+  var _useState5 = useState(field.getValue(fieldName.replace(name, "APP_NAME"))),
+    appName = _useState5[0],
+    setAppName = _useState5[1];
+  var _useState6 = useState(field.getValue(fieldName.replace(name, "ENV_NAME"))),
+    envName = _useState6[0],
+    setEnvName = _useState6[1];
+  var _useState7 = useState(true),
+    firstFlag = _useState7[0],
+    setFirstFlag = _useState7[1];
+  useEffect(function () {
+    if (appName && !firstFlag && !nameEditable) {
+      fetchImageList(true);
+    }
+  }, [appName, envName]);
+  useEffect(function () {
+    if (!isEqual(value, variables)) {
+      setVariables(value || []);
+    }
+    setAppName(field.getValue(fieldName.replace(name, "APP_NAME")));
+    setEnvName(field.getValue(fieldName.replace(name, "ENV_NAME")));
+  }, [props]);
+
+  // 更新镜像 key
+  var fetchImageList = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(update) {
+      var _content$datasource, crossOrigin, withCredentials, api, _api, _yield$fetch, object, successful;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _content$datasource = content.datasource, crossOrigin = _content$datasource.crossOrigin, withCredentials = _content$datasource.withCredentials, api = _content$datasource.api; // todo globalContext
+            _api = api.replace("${GLOBAL_CONTEXT.appstackPath}", window.location.origin + "/appstack");
+            _context.next = 4;
+            return fetch({
+              url: _api.replace("${APP_NAME}", appName).replace("${ENV_NAME}", envName),
+              method: "get",
+              crossOrigin: crossOrigin,
+              withCredentials: withCredentials
+            });
+          case 4:
+            _yield$fetch = _context.sent;
+            object = _yield$fetch.object;
+            successful = _yield$fetch.successful;
+            if (successful && !nameEditable) {
+              if (!(value !== null && value !== void 0 && value.length) || update) {
+                onChange(object.map(function (v) {
+                  return {
+                    label: v.name,
+                    value: "",
+                    type: "custom"
+                  };
+                }));
+              }
+            }
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function fetchImageList(_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  // 监听上游是否手动输入
+  useEffect(function () {
+    fetchImageList();
+    setFirstFlag(false);
+    var labelCls;
+    try {
+      // eslint-disable-next-line no-eval
+      labelCls = eval(template.watchClass);
+    } catch (e) {
+      labelCls = "";
+    }
+    var changeInputWrap = document.querySelector("." + labelCls);
+    var callback = function callback(mutations) {
+      for (var _iterator = _createForOfIteratorHelperLoose(mutations), _step; !(_step = _iterator()).done;) {
+        var mutation = _step.value;
+        if (mutation.type === "childList") {
+          var _mutation$removedNode = mutation.removedNodes,
+            removedNodes = _mutation$removedNode === void 0 ? [] : _mutation$removedNode;
+          for (var i = 0; i < removedNodes.length; i++) {
+            if (removedNodes[i].id === "input-" + labelCls) {
+              setNameEditable(false);
+              field.reset([fieldName]);
+            }
+            if (removedNodes[i].id === "select-" + labelCls) {
+              setNameEditable(true);
+            }
+          }
+        }
+      }
+    };
+    var observer = new MutationObserver(callback);
+    if (changeInputWrap) {
+      observer.observe(changeInputWrap, {
+        childList: true,
+        subtree: true
+      });
+    }
+    return function () {
+      observer.disconnect();
+      field.remove(fieldName);
+    };
+  }, []);
+  useEffect(function () {
+    var preGroups = flow.slice(0, groupIndex);
+    var currentGroup = flow[groupIndex];
+    var preStages = currentGroup ? currentGroup.stages.slice(0, stageIndex) : [];
+    var currentStage = currentGroup.stages[stageIndex];
+    var preJobs = currentStage ? currentStage.jobs.slice(0, jobIndex) : [];
+    var preGroupsOutput = preGroups.flatMap(groupOutput);
+    var preStagesOutput = preStages.flatMap(stageOutput);
+    var preJobOutput = preJobs.flatMap(jobOutput);
+    var outputsResult = [preGroupsOutput, preStagesOutput, preJobOutput].flatMap(function (o) {
+      return o;
+    });
+    getFlowSorucesOutputs(props.sources).then(function (flowSourcesOutputs) {
+      setoutputs([].concat(outputsResult, flowSourcesOutputs));
+    });
+  }, [flow, groupIndex, stageIndex, jobIndex]);
+  var onCreateItemWithType = function onCreateItemWithType() {
+    var _v = [].concat(variables, [{
+      label: "",
+      value: "",
+      type: "custom"
+    }]);
+    onChange(_v);
+  };
+  var onChange = function onChange(v) {
+    setVariables(v);
+    props.onChange(v);
+  };
+  var onDelete = function onDelete(index) {
+    var _variables = cloneDeep(variables);
+    _variables.splice(index, 1);
+    onChange(_variables);
+  };
+  var onVariableValueChange = function onVariableValueChange(index, val) {
+    var _variables = cloneDeep(variables);
+    _variables[index].value = val;
+    onChange(_variables);
+  };
+  var onVariableNameChange = function onVariableNameChange(index, val) {
+    var _variables = cloneDeep(variables);
+    _variables[index].label = val;
+    onChange(_variables);
+  };
+  var onVariableTypeChange = function onVariableTypeChange(index, val) {
+    var _variables = cloneDeep(variables);
+    _variables[index].type = val;
+    _variables[index].value = "";
+    onChange(_variables);
+  };
+  if (!nameEditable && (!value || (value === null || value === void 0 ? void 0 : value.length) === 0)) {
+    return intl.get({
+      id: "rdc-tb-cd-assets.flow-engine.fields.appstackImage.NoProductPlaceholderGoTo",
+      defaultMessage: "无制品占位符，前往查看应用编排"
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "appstack-image"
+  }, variables.map(function (variable, index) {
+    return /*#__PURE__*/React.createElement(UpstreamItem, {
+      variable: variable,
+      variables: variables,
+      index: index,
+      outputs: outputs,
+      sources: props.sources,
+      nameEditable: nameEditable,
+      onVariableValueChange: onVariableValueChange,
+      onVariableNameChange: onVariableNameChange,
+      onVariableTypeChange: onVariableTypeChange,
+      onDelete: onDelete,
+      disabled: props.disabled
+    });
+  }), nameEditable && /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    text: true,
+    onClick: function onClick() {
+      return onCreateItemWithType();
+    },
+    disabled: props.disabled
+  }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+    type: "add-line"
+  }), intl.get({
+    id: "rdc-tb-cd-assets.flow-engine.fields.multiUpstream.AddParameters",
+    defaultMessage: "添加"
+  })));
+};
+export default AppstackImage;

package/es/components/common/teambition/flow-engine/fields/appstackImage.scss

@@ -0,0 +1,75 @@
+.appstack-image {
+  .image-item {
+    margin-bottom: 12px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    &-left {
+      width: 110px;
+      .next-input {
+        min-width: 110px;
+      }
+      .next-select-trigger {
+        min-width: 110px;
+      }
+
+      .upstream .next-menu-item-text {
+        max-width: 100%;
+      }
+    }
+    &-key {
+      width: 110px;
+      .next-input {
+        width: 110px;
+      }
+    }
+    &-value {
+      width: 280px;
+      display: flex;
+      overflow: hidden;
+      &.editable {
+        width: 250px;
+      }
+      .next-icon, .teamix-icon {
+        color: var(--color-line1-5, #adadad);
+        &:hover {
+          color: var(--color-brand1-6, #1b9aee);
+        }
+      }
+      .image-type-select {
+        min-width: unset;
+        max-width: 100px;
+        .next-input {
+          border-radius: 4px 0 0 4px;
+          border-right: none;
+        }
+      }
+      .upstream-select .next-input,
+      .custom-input {
+        border-radius: 0 4px 4px 0;
+      }
+      .upstream-param {
+        .next-menu-item-text {
+          max-width: 100%;
+        }
+      }
+    }
+    &-error-msg {
+      color: var(--form-error-color, #ed675a);
+      font-size: 12px;
+      line-height: 12px;
+      margin: -6px 0 4px 0;
+    }
+    &-ops {
+      display: inline-block;
+      .next-icon, .teamix-icon {
+        color: var(--color-line1-5, #adadad);
+        cursor: pointer;
+        &:hover {
+          color: red;
+        }
+      }
+    }
+  }
+
+}

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

@@ -0,0 +1,16 @@
+import { Component } from 'react';
+declare class DelayField extends Component {
+    constructor(props: any);
+    shouldComponentUpdate(nextProps: any, nextState: any): boolean;
+    onUpdateState: (value: any) => void;
+    onChange: (value: any) => void;
+    getOutputs: (value: any) => {
+        name: string;
+        displayName: string;
+        type: any;
+        identifier: string;
+        description: any;
+        export: boolean;
+    }[];
+}
+export default DelayField;

package/es/components/common/teambition/flow-engine/fields/base.js

@@ -0,0 +1,61 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import { Component } from 'react';
+import ReactDOM from 'react-dom';
+
+/*
+ *  delay field component
+*/
+var DelayField = /*#__PURE__*/function (_Component) {
+  function DelayField(props) {
+    var _this;
+    _this = _Component.call(this, props) || this;
+    // 提供给外层调用，请勿删除
+    _this.onUpdateState = function (value) {
+      _this.setState({
+        value: value
+      });
+    };
+    _this.onChange = function (value) {
+      _this.onUpdateState(value);
+      if (_this.timeout) {
+        window.clearTimeout(_this.timeout);
+      }
+      _this.timeout = window.setTimeout(function () {
+        ReactDOM.unstable_batchedUpdates(function () {
+          _this.props.onChange(value, _this.getOutputs(value));
+        });
+      }, 600);
+    };
+    _this.getOutputs = function (value) {
+      var _this$props = _this.props,
+        _this$props$content = _this$props.content,
+        content = _this$props$content === void 0 ? {} : _this$props$content,
+        identifier = _this$props.identifier;
+      if (!content.export_to_output || !value) return [];
+      var _ref = content.export_to_output || {},
+        _ref$type = _ref.type,
+        type = _ref$type === void 0 ? 'user' : _ref$type,
+        _ref$description = _ref.description,
+        description = _ref$description === void 0 ? '' : _ref$description;
+      return [{
+        name: identifier + ".dynamic_output." + value,
+        displayName: content.label + "." + value,
+        type: type,
+        identifier: identifier + "__" + content.label,
+        description: description,
+        "export": true
+      }];
+    };
+    _this.state = {
+      value: props.value
+    };
+    return _this;
+  }
+  _inheritsLoose(DelayField, _Component);
+  var _proto = DelayField.prototype;
+  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps, nextState) {
+    return this.props.state !== nextProps.state || nextState.value !== this.state.value || this.props.disabled !== nextProps.disabled;
+  };
+  return DelayField;
+}(Component);
+export default DelayField;

package/es/components/common/teambition/flow-engine/fields/build-setting/index.d.ts

@@ -0,0 +1,15 @@
+import { Component } from 'react';
+declare class BuildSetting extends Component {
+    constructor(props: any);
+    onSettingChange(setting: any, outputs: any, identifier: any): void;
+    getOutputs: (item: any, identifier: any, value: any) => {
+        name: string;
+        displayName: string;
+        type: any;
+        identifier: string;
+        description: any;
+        export: boolean;
+    }[];
+    render(): JSX.Element;
+}
+export default BuildSetting;

package/es/components/common/teambition/flow-engine/fields/build-setting/index.js

@@ -0,0 +1,75 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+var _excluded = ["field", "identifier", "template", "initValue"];
+/* eslint-disable import/no-cycle */
+import React, { Component } from 'react';
+import Template from "../../template";
+var BuildSetting = /*#__PURE__*/function (_Component) {
+  function BuildSetting(props) {
+    var _this;
+    _this = _Component.call(this, props) || this;
+    _this.getOutputs = function (item, identifier, value) {
+      if (!item.export_to_output) return [];
+      var _ref = item || {},
+        label = _ref.label,
+        _ref$export_to_output = _ref.export_to_output,
+        _ref$export_to_output2 = _ref$export_to_output.type,
+        type = _ref$export_to_output2 === void 0 ? 'user' : _ref$export_to_output2,
+        _ref$export_to_output3 = _ref$export_to_output.description,
+        description = _ref$export_to_output3 === void 0 ? '' : _ref$export_to_output3;
+      return [{
+        name: "dynamic_output." + value,
+        displayName: label + "." + value,
+        type: type,
+        identifier: identifier + "__" + label,
+        description: description,
+        "export": true
+      }];
+    };
+    _this.state = {
+      setting: {}
+    };
+    return _this;
+  }
+  _inheritsLoose(BuildSetting, _Component);
+  var _proto = BuildSetting.prototype;
+  _proto.onSettingChange = function onSettingChange(setting, outputs, identifier) {
+    var _this2 = this;
+    this.setState({
+      setting: Object.assign({}, this.state.setting, setting, {
+        identifier: identifier
+      })
+    }, function () {
+      _this2.props.onChange([_this2.state.setting], outputs);
+    });
+  };
+  _proto.render = function render() {
+    var _this3 = this;
+    var _this$props = this.props,
+      field = _this$props.field,
+      identifier = _this$props.identifier,
+      _this$props$template$ = _this$props.template.template.items,
+      items = _this$props$template$ === void 0 ? [] : _this$props$template$,
+      _this$props$initValue = _this$props.initValue,
+      initValue = _this$props$initValue === void 0 ? [{}] : _this$props$initValue,
+      restProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+    return /*#__PURE__*/React.createElement("div", null, items.map(function (item) {
+      return /*#__PURE__*/React.createElement(Template, _extends({}, restProps, {
+        key: identifier + "_" + item.name,
+        template: item,
+        identifier: identifier,
+        field: field,
+        name: item.name,
+        initValue: (initValue[0] || {})[item.name] || '',
+        onChange: function onChange(v) {
+          var setting = {};
+          setting[item.name] = v;
+          _this3.onSettingChange(setting, _this3.getOutputs(item, identifier, v), identifier);
+        }
+      }));
+    }));
+  };
+  return BuildSetting;
+}(Component);
+export default BuildSetting;

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

@@ -0,0 +1,5 @@
+import { Component } from 'react';
+declare class CheckboxWrapper extends Component {
+    render(): JSX.Element;
+}
+export default CheckboxWrapper;

package/es/components/common/teambition/flow-engine/fields/checkbox.js

@@ -0,0 +1,20 @@
+import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
+import React, { Component } from 'react';
+import { Checkbox } from '@teamix/ui';
+var CheckboxWrapper = /*#__PURE__*/function (_Component) {
+  function CheckboxWrapper() {
+    return _Component.apply(this, arguments) || this;
+  }
+  _inheritsLoose(CheckboxWrapper, _Component);
+  var _proto = CheckboxWrapper.prototype;
+  _proto.render = function render() {
+    return /*#__PURE__*/React.createElement(Checkbox, {
+      onChange: this.props.onChange,
+      checked: this.props.value,
+      disabled: this.props.disabled
+    });
+  };
+  return CheckboxWrapper;
+}(Component);
+CheckboxWrapper.inline = true;
+export default CheckboxWrapper;

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

@@ -0,0 +1,3 @@
+import "./customVariable.scss";
+declare const CustomVariable: (props: any) => any;
+export default CustomVariable;