beta-glozic-workflow 1.18.0 → 1.21.0

package/dist/component/TaskPalette/TaskPalette.js

@@ -1,5 +1,6 @@
 "use strict";
 
+require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -12,9 +13,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 require("./TaskPalette.css");
 var _workflow = require("../../utils/workflow.config");
 var _TaskPaletteGroup = _interopRequireDefault(require("../TaskPaletteGroup"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 class TaskPalette extends _react.Component {
   constructor(props) {
     super(props);
@@ -100,5 +101,4 @@ TaskPalette.propTypes = {
   isActive: _propTypes.default.bool
 };
 TaskPalette.defaultProps = {};
-var _default = TaskPalette;
-exports.default = _default;
+var _default = exports.default = TaskPalette;

package/dist/component/TaskPalette/index.js

@@ -5,6 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _TaskPalette = _interopRequireDefault(require("./TaskPalette"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _TaskPalette.default;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _TaskPalette.default;

package/dist/component/TaskPaletteGroup/TaskPaletteGroup.js

@@ -1,5 +1,6 @@
 "use strict";
 
+require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,9 +12,9 @@ require("core-js/modules/es.string.search.js");
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 require("./TaskPaletteGroup.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 class TaskPaletteGroup extends _react.Component {
   constructor(props) {
     super(props);
@@ -67,5 +68,4 @@ TaskPaletteGroup.propTypes = {
   name: _propTypes.default.string
 };
 TaskPaletteGroup.defaultProps = {};
-var _default = TaskPaletteGroup;
-exports.default = _default;
+var _default = exports.default = TaskPaletteGroup;

package/dist/component/TaskPaletteGroup/index.js

@@ -5,6 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _TaskPaletteGroup = _interopRequireDefault(require("./TaskPaletteGroup"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _TaskPaletteGroup.default;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _TaskPaletteGroup.default;

package/dist/css/style.css

@@ -207,6 +207,17 @@
 
 .workflow-node-designer-container .workflow-node-designer-wrapper #designer-area .fc-item-default.is-disabled {
     background-color: #eee;
+    /* pointer-events: none; */
+    cursor: default;
+}
+
+.workflow-node-designer-container .workflow-node-designer-wrapper #designer-area .fc-item-default.is-disabled {
+    background-color: #eee;
+}
+
+.workflow-node-designer-container .workflow-node-designer-wrapper #designer-area .fc-item-default.is-disabled .task-palette-icon {
+    border: 1px dashed #c7c7c7 !important;
+    background-color: #9aa1a0 !important;
 }
 
 .workflow-node-designer-container .workflow-node-designer-wrapper #designer-area .fc-item-default .task-palette-icon {
@@ -254,6 +265,7 @@
 }
 
 .workflow-node-designer-container .task-iconmenu-container .task-iconmenu-inner .task-iconmenu-btn {
+    pointer-events: all !important;
     height: 18px;
     width: 18px;
     top: -9px;
@@ -357,7 +369,7 @@
 }
 
 .workflow-node-designer-container .btn-flow-save {
-	color: #fff !important;
-	background-color: #2bbbad !important;
-	border-color: #2bbbad !important;
+    color: #fff !important;
+    background-color: #2bbbad !important;
+    border-color: #2bbbad !important;
 }

package/dist/index.js

@@ -1,41 +1,40 @@
 "use strict";
 
+require("core-js/modules/es.weak-map.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SPECIAL_END_NODE = exports.SPECIAL_CORNER_NODE = exports.NODE_START = exports.NODE_END = void 0;
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.object.assign.js");
+require("core-js/modules/es.parse-float.js");
 require("core-js/modules/es.promise.js");
-require("core-js/modules/es.json.stringify.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
-require("core-js/modules/es.parse-float.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
 var _TaskPalette = _interopRequireDefault(require("./component/TaskPalette"));
 var _reactstrap = require("reactstrap");
 var _jsplumb = require("jsplumb");
 var _workflow = require("./utils/workflow.config");
 var _jquery = _interopRequireDefault(require("jquery"));
-var _Designer = require("./utils/Designer.module");
+var _Designer2 = require("./utils/Designer.module");
 require("./css/style.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 // import './index.css';
 
 //Actions
-const NODE_START = 'node-start';
-exports.NODE_START = NODE_START;
-const NODE_END = 'node-end';
-exports.NODE_END = NODE_END;
-const SPECIAL_END_NODE = 'special_end_node';
-exports.SPECIAL_END_NODE = SPECIAL_END_NODE;
-const SPECIAL_CORNER_NODE = 'SPECIAL_CORNER_NODE';
-exports.SPECIAL_CORNER_NODE = SPECIAL_CORNER_NODE;
+const NODE_START = exports.NODE_START = 'node-start';
+const NODE_END = exports.NODE_END = 'node-end';
+const SPECIAL_END_NODE = exports.SPECIAL_END_NODE = 'special_end_node';
+const SPECIAL_CORNER_NODE = exports.SPECIAL_CORNER_NODE = 'SPECIAL_CORNER_NODE';
 let taskConfig = {};
 Object.values(_workflow.config.taskType).map(s => {
   taskConfig = Object.assign(taskConfig, s);
@@ -85,7 +84,7 @@ class Designer extends _react.Component {
     });
     _defineProperty(this, "onload", async () => {
       let self = this;
-      this.fileLoadedFromServer = _Designer.getFileNameParam;
+      this.fileLoadedFromServer = _Designer2.getFileNameParam;
       this.paletteContainer = document.getElementById('workflow-task-palette-container');
       // this.paletteContainer.style.height = (window.innerHeight - this.paletteContainer.offsetTop) + 'px';
       (0, _jquery.default)('.workflow--node-task-palette-item').on('mousedown', e => {
@@ -178,7 +177,7 @@ class Designer extends _react.Component {
               });
               break;
             case 'disabled':
-              (0, _Designer.toggleDisabledTask)(taskId, this.nodes);
+              (0, _Designer2.toggleDisabledTask)(taskId, this.nodes);
               break;
             default:
           }
@@ -252,7 +251,6 @@ class Designer extends _react.Component {
           }]
           // ConnectionOverlays: [['Custom', overlayPlus()]]
         });
-
         this.containerWrapper = document.getElementById('workflow-node-designer-wrapper-area');
         this.container = document.getElementById('designer-area');
         this.containerWrapper.addEventListener('wheel', e => {
@@ -402,7 +400,6 @@ class Designer extends _react.Component {
             console.log('STOP');
             // ////////console.log('STOP ', params)
           },
-
           start: () => {
             console.log(this.nodes);
             console.log('start');
@@ -417,6 +414,7 @@ class Designer extends _react.Component {
         }
       }
     });
+    ////console.log(this.nodes[this.curCopyTask], this.curCopyTask)
     _defineProperty(this, "addBranchTaskToPlaceHolder", (task, placeholder) => {
       // this.setState({paletteActive: true});
       let plusIcon = placeholder.querySelector('.workflow--node-dropable-zone');
@@ -725,15 +723,13 @@ class Designer extends _react.Component {
     // this.firstInstance.deleteEndpoint({uuid: `${node}-ep-bottom`});
     // this.firstInstance.deleteEndpoint({uuid: `${node}-ep-left`});
   }
-
   handleRenameTask(value) {
-    (0, _Designer.renameTask)(this.curFocusTask, this.nodes, value);
+    (0, _Designer2.renameTask)(this.curFocusTask, this.nodes, value);
     this.setState({
       popupRenameFormDisplay: false
     });
     // this.props.onChange(this.flowchartToJson());
   }
-
   getOverlayBySourceTarget(source, target) {
     let o = document.querySelector('.jtk-overlay .workflow--node-dropable-zone[data-source="' + source + '"][data-target="' + target + '"]');
     //console.log('getOverlayBySourceTarget ', source, target, o)
@@ -760,7 +756,7 @@ class Designer extends _react.Component {
     this.nodes.nodeEnd = document.getElementById(NODE_END);
     this.addEndPointToNode(this.nodes.nodeStart, 'Bottom', "".concat(NODE_START, "-ep-bottom"));
     this.addEndPointToNode(this.nodes.nodeEnd, 'Top', "".concat(NODE_END, "-ep-top"));
-    this.connectNodes(['Custom', (0, _Designer.overlayPlus)(NODE_START, NODE_END)], NODE_START + '-ep-bottom', NODE_END + '-ep-top');
+    this.connectNodes(['Custom', (0, _Designer2.overlayPlus)(NODE_START, NODE_END)], NODE_START + '-ep-bottom', NODE_END + '-ep-top');
     this.nodes[NODE_START] = {
       nodeId: NODE_START,
       next: NODE_END,
@@ -784,7 +780,6 @@ class Designer extends _react.Component {
     });
     //console.log('0507', this.nodes, connections)
   }
-
   deleteTaskById(taskId) {
     let previous = this.nodes[taskId].previous;
     let next = this.nodes[taskId].next;
@@ -833,7 +828,7 @@ class Designer extends _react.Component {
       document.getElementById(n).remove();
       delete self.nodes[n];
     });
-    this.connectNodes(['Custom', Object.assign({}, (0, _Designer.overlayPlus)(previous, next, branch))], "".concat(previous, "-ep-bottom"), "".concat(next, "-ep-top"));
+    this.connectNodes(['Custom', Object.assign({}, (0, _Designer2.overlayPlus)(previous, next, branch))], "".concat(previous, "-ep-bottom"), "".concat(next, "-ep-top"));
     this.nodes[next].previous = previous;
     this.nodes[previous].next = next;
   }
@@ -1015,7 +1010,6 @@ class Designer extends _react.Component {
     conn.bind('click', self.handleClickOverlay);
     // //console.log('0507', conn)
   }
-
   addTaskToDropZone(destination, node, tasktype, copyTask, countValue) {
     //console.log('1307 addTaskToDropZone', destination, node, tasktype, countValue, _count, copyTask)
     if (!destination) return;
@@ -1062,7 +1056,7 @@ class Designer extends _react.Component {
     if (position) {
       if (this.nodes[source].branch >= 1) p = source;else if (this.nodes[source].type === SPECIAL_END_NODE) p = this.nodes[this.nodes[source].parent].parent;else if (this.nodes[source].parent) p = this.nodes[source].parent;
       parentExpand = p;
-      needToMoveFlowchart = (0, _Designer.isFlowchartWillMove)(this.nodes, p, position, item, source, target);
+      needToMoveFlowchart = (0, _Designer2.isFlowchartWillMove)(this.nodes, p, position, item, source, target);
     }
 
     // remove old connection -> move nodes down -> repaint
@@ -1095,7 +1089,7 @@ class Designer extends _react.Component {
     newNode.className = 'fc-workflow--node-task-palette-item fc-item fc-item-draggable fc-item-default';
     newNode.style.cssText = 'top: ' + topPosNewNode + 'px; left: ' + leftPosNewNode + 'px;';
     newNode.innerHTML = node ? node.innerHTML : "\n            <div  class=\"task-palette-icon fa fa-".concat(item.icon, " unselectable\"  ></div>\n            <div class=\"task-palette-title unselectable\">").concat(copyTask ? copyTask.configuration.actionTitle : taskTitle, "</div>");
-    (0, _Designer.addTaskMenuIcon)(newNode);
+    (0, _Designer2.addTaskMenuIcon)(newNode);
     this.container.append(newNode);
     (0, _jquery.default)('.fc-workflow--node-task-palette-item').on('dragstart', function (event) {
       self.draged = event.target;
@@ -1302,19 +1296,19 @@ class Designer extends _react.Component {
         } else {
           this.connectNodes(null, "node-".concat(_count, "-ep-right"), "".concat(topBranchId, "-ep-left"));
         }
-        this.connectNodes(['Custom', Object.assign({}, (0, _Designer.overlayPlus)(topBranchId, botBranchId, i))], "".concat(topBranchId, "-ep-bottom"), "".concat(botBranchId, "-ep-top"));
+        this.connectNodes(['Custom', Object.assign({}, (0, _Designer2.overlayPlus)(topBranchId, botBranchId, i))], "".concat(topBranchId, "-ep-bottom"), "".concat(botBranchId, "-ep-top"));
         this.connectNodes(null, "".concat(botBranchId, "-ep-bottom"), "".concat(endId, "-ep-top"));
         nodesCornerList.push(topBranchId, botBranchId);
       }
-      this.connectNodes(['Custom', Object.assign((0, _Designer.overlayPlus)(endId, target, position))], "".concat(endId, "-ep-bottom"), "".concat(target, "-ep-top"));
+      this.connectNodes(['Custom', Object.assign((0, _Designer2.overlayPlus)(endId, target, position))], "".concat(endId, "-ep-bottom"), "".concat(target, "-ep-top"));
     }
 
     // connect from source to new node
     // if source has 2 branches
     if (this.nodes[source].type === SPECIAL_CORNER_NODE) {
-      this.connectNodes(['Custom', Object.assign({}, (0, _Designer.overlayPlus)(source, "node-".concat(_count), position))], "".concat(source, "-ep-bottom"), "".concat(newNodeId, "-ep-top"));
+      this.connectNodes(['Custom', Object.assign({}, (0, _Designer2.overlayPlus)(source, "node-".concat(_count), position))], "".concat(source, "-ep-bottom"), "".concat(newNodeId, "-ep-top"));
     } else {
-      this.connectNodes(['Custom', Object.assign({}, (0, _Designer.overlayPlus)(source, "node-".concat(_count), position))], "".concat(source, "-ep-bottom"), "node-".concat(_count, "-ep-top"));
+      this.connectNodes(['Custom', Object.assign({}, (0, _Designer2.overlayPlus)(source, "node-".concat(_count), position))], "".concat(source, "-ep-bottom"), "node-".concat(_count, "-ep-top"));
     }
     if (item.wrapper) {
       this.connectNodes(null, "node-".concat(_count, "-ep-left"), "".concat(lefttopId, "-ep-right"), {
@@ -1337,12 +1331,12 @@ class Designer extends _react.Component {
         stroke: "#1565C0",
         dashstyle: "2 4"
       });
-      this.connectNodes(item.wrapper ? null : ['Custom', Object.assign({}, (0, _Designer.overlayPlus)(lefttopId, leftbotId, 'left'))], "".concat(lefttopId, "-ep-bottom"), "".concat(leftbotId, "-ep-top"), {
+      this.connectNodes(item.wrapper ? null : ['Custom', Object.assign({}, (0, _Designer2.overlayPlus)(lefttopId, leftbotId, 'left'))], "".concat(lefttopId, "-ep-bottom"), "".concat(leftbotId, "-ep-top"), {
         strokeWidth: 2,
         stroke: "#1565C0",
         dashstyle: "2 4"
       });
-      this.connectNodes(item.wrapper ? null : ['Custom', Object.assign({}, (0, _Designer.overlayPlus)(righttopId, rightbotId, 'right'))], "".concat(righttopId, "-ep-bottom"), "".concat(rightbotId, "-ep-top"), {
+      this.connectNodes(item.wrapper ? null : ['Custom', Object.assign({}, (0, _Designer2.overlayPlus)(righttopId, rightbotId, 'right'))], "".concat(righttopId, "-ep-bottom"), "".concat(rightbotId, "-ep-top"), {
         strokeWidth: 2,
         stroke: "#1565C0",
         dashstyle: "2 4"
@@ -1350,9 +1344,9 @@ class Designer extends _react.Component {
     }
     if (branches < 1) {
       if (this.nodes[target].type === SPECIAL_CORNER_NODE) {
-        this.connectNodes(['Custom', Object.assign((0, _Designer.overlayPlus)("node-".concat(_count), target, position))], "node-".concat(_count, "-ep-bottom"), "".concat(target, "-ep-top"));
+        this.connectNodes(['Custom', Object.assign((0, _Designer2.overlayPlus)("node-".concat(_count), target, position))], "node-".concat(_count, "-ep-bottom"), "".concat(target, "-ep-top"));
       } else {
-        this.connectNodes(['Custom', (0, _Designer.overlayPlus)("node-".concat(_count), target, position)], "node-".concat(_count, "-ep-bottom"), "".concat(target, "-ep-top"));
+        this.connectNodes(['Custom', (0, _Designer2.overlayPlus)("node-".concat(_count), target, position)], "node-".concat(_count, "-ep-bottom"), "".concat(target, "-ep-top"));
       }
     }
 
@@ -1430,7 +1424,6 @@ class Designer extends _react.Component {
       datatype: datatype
       // code: config.taskType[datatype.parent][datatype.type].code
     };
-
     if (this.nodes[newNodeId].configuration.isDisabled) {
       this.nodes[newNodeId].element.classList.add('is-disabled');
     }
@@ -1497,16 +1490,12 @@ class Designer extends _react.Component {
         // ////////console.log('2605 cP ', cP)
       }
     }
-
     if (branches >= 1 && this.nodes["node-".concat(_count)].parent) self.expandFlowchart(this.nodes["node-".concat(_count)].parent, "node-".concat(_count), position);
     this.firstInstance.repaintEverything();
     ////console.log(this.nodes)
     // increase _count variable
     _count++;
   }
-
-  ////console.log(this.nodes[this.curCopyTask], this.curCopyTask)
-
   handleClickOverlay(overlay, e, i) {
     if (e.target.className.indexOf('jtk-overlay') >= 0) return;
     if (!this.curCopyTask) return;
@@ -1572,7 +1561,6 @@ class Designer extends _react.Component {
           this.nodes["node-botbranch_".concat(i, "-").concat(c)].element.style.top = "".concat(this.nodes["node-botbranch_".concat(i, "-").concat(c)].element.offsetTop + gapPlus, "px");
           ////////console.log('0806 move down ', this.nodes[`node-botbranch_${i}-${c}`].element.style.offsetTop)
         }
-
         item = this.nodes[item].next;
         continue;
       }
@@ -1616,7 +1604,6 @@ class Designer extends _react.Component {
       ////////console.log(item)
     }
   }
-
   narrowFlowchart(deletedTask) {
     let self = this;
     let parent = this.nodes[deletedTask].parent;
@@ -1834,7 +1821,7 @@ class Designer extends _react.Component {
         let itemp = item.split('-');
         let endItem = "".concat(itemp[0], "-end-").concat(itemp[1]);
         let width = 0;
-        let cornerPosition = (0, _Designer.getWidthOfGroup)(self.nodes, item);
+        let cornerPosition = (0, _Designer2.getWidthOfGroup)(self.nodes, item);
         if (cornerPosition.left !== false) {
           self.nodes["node-lefttop-".concat(self.nodes[item].count)].element.style.left = "".concat(cornerPosition.left - 15, "px");
           self.nodes["node-leftbot-".concat(self.nodes[item].count)].element.style.left = "".concat(cornerPosition.left - 15, "px");
@@ -1887,16 +1874,16 @@ class Designer extends _react.Component {
       }
       if (this.nodes[itemId].type === 'set_variables') {
         //console.log('getTaskData call')
-        jsonData.definition.actions.push((0, _Designer.getTaskData)(this.nodes[itemId], this.nodes));
+        jsonData.definition.actions.push((0, _Designer2.getTaskData)(this.nodes[itemId], this.nodes));
       } else if (this.nodes[itemId].branch >= 1) {
         let data = self.getDataBranchNode(itemId);
         //console.log('0207 ---------> ', data)
         // text+= `${data},\r\n`;
         //console.log('getTaskData call')
-        jsonData.definition.actions.push((0, _Designer.getTaskData)(data, this.nodes));
+        jsonData.definition.actions.push((0, _Designer2.getTaskData)(data, this.nodes));
       } else {
         //console.log('getTaskData call')
-        jsonData.definition.actions.push((0, _Designer.getTaskData)(this.nodes[itemId], this.nodes));
+        jsonData.definition.actions.push((0, _Designer2.getTaskData)(this.nodes[itemId], this.nodes));
       }
       if (self.nodes[itemId].branch >= 1) {
         let itemIdP = itemId.split('-');
@@ -1919,7 +1906,6 @@ class Designer extends _react.Component {
     // downloadJSON(JSON.stringify(data, null, "\t"), 'flowchart.json', 'text/plain');
     //downloadJSON(JSON.stringify(data, null, '\t'), 'flowchart.json', 'text/plain');
   }
-
   getDataBranchNode(node) {
     if (node === this.flexibleNode.id) {
       this.flexibleNode.id = null;
@@ -1952,14 +1938,14 @@ class Designer extends _react.Component {
         }
         if (this.nodes[cNode].type === 'set_variables') {
           //console.log('getTaskData call')
-          curBranch.actions.push((0, _Designer.getTaskData)(this.nodes[cNode], this.nodes));
+          curBranch.actions.push((0, _Designer2.getTaskData)(this.nodes[cNode], this.nodes));
         } else if (self.nodes[cNode].branch >= 1) {
           l = self.getDataBranchNode(cNode);
           //console.log('getTaskData call')
-          curBranch.actions.push((0, _Designer.getTaskData)(l, this.nodes));
+          curBranch.actions.push((0, _Designer2.getTaskData)(l, this.nodes));
         } else {
           //console.log('getTaskData call')
-          curBranch.actions.push((0, _Designer.getTaskData)(this.nodes[cNode], this.nodes));
+          curBranch.actions.push((0, _Designer2.getTaskData)(this.nodes[cNode], this.nodes));
         }
         if (self.nodes[cNode].branch >= 1) {
           cNode = "node-end-".concat(this.nodes[cNode].count);
@@ -1993,13 +1979,13 @@ class Designer extends _react.Component {
       let l;
       if (this.nodes[cNode].type === 'set_variables') {
         //console.log('getTaskData call')
-        actionsData.branches[0].actions.push((0, _Designer.getTaskData)(this.nodes[cNode], this.nodes));
+        actionsData.branches[0].actions.push((0, _Designer2.getTaskData)(this.nodes[cNode], this.nodes));
       } else if (self.nodes[cNode].branch >= 1) {
         l = self.getDataBranchNode(cNode);
-        actionsData.branches[0].actions.push((0, _Designer.getTaskData)(cNode, this.nodes));
+        actionsData.branches[0].actions.push((0, _Designer2.getTaskData)(cNode, this.nodes));
       } else if (self.nodes[cNode].type !== SPECIAL_END_NODE && this.nodes[cNode].type !== SPECIAL_CORNER_NODE) {
         //console.log('getTaskData call')
-        actionsData.branches[0].actions.push((0, _Designer.getTaskData)(this.nodes[cNode], this.nodes));
+        actionsData.branches[0].actions.push((0, _Designer2.getTaskData)(this.nodes[cNode], this.nodes));
       }
       // if (l) data.push(l);
       if (self.nodes[cNode].branch >= 1) {
@@ -2035,7 +2021,6 @@ class Designer extends _react.Component {
     // jsonData && jsonData.definition && this.props.updateWorkflowSetting(this.importData.definition.settings);
     // jsonData && jsonData.definition && this.props.updateWorkflowVariables(this.importData.definition.variables);
   }
-
   updateFormVar(node, value) {
     let self = this;
     self.variables[node] = {};
@@ -2045,5 +2030,4 @@ class Designer extends _react.Component {
     });
   }
 }
-var _default = Designer;
-exports.default = _default;
+var _default = exports.default = Designer;

package/dist/nodeconfig.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.replace.js");
 const uuidv4 = () => {
   return 'xxxxx'.replace(/[xy]/g, function (c) {
     var r = Math.random() * 16 | 0,
@@ -42,9 +42,8 @@ const defaultEdge = [{
   from: "".concat(startNodeId),
   to: "".concat(stopNodeId)
 }];
-var _default = {
+var _default = exports.default = {
   defaultNodes,
   defaultEdge,
   uuidv4
-};
-exports.default = _default;
+};

package/dist/utils/Designer.module.js

@@ -1,19 +1,20 @@
 "use strict";
 
+require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toggleDisabledTask = exports.shouldLoopNodeExpand = exports.renameTask = exports.overlayPlus = exports.isFlowchartWillMove = exports.isExpandBranchNode = exports.getWidthOfGroup = exports.getTaskData = exports.getFileNameParam = exports.generateGuid = exports.addTaskMenuIcon = void 0;
 require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.string.search.js");
 var _workflow = require("./workflow.config");
 var Designer = _interopRequireWildcard(require("../index"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const overlayPlus = function overlayPlus(source, target) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const overlayPlus = exports.overlayPlus = function overlayPlus(source, target) {
   let position = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   let overlay = {
     create: component => {
@@ -31,7 +32,6 @@ const overlayPlus = function overlayPlus(source, target) {
 };
 
 // if enough space for new node -> no need move flowchart down
-exports.overlayPlus = overlayPlus;
 const isFlowchartWillMove = (nodes, parent, position, newNode, source, target) => {
   let sourceH = nodes[source].element.offsetHeight;
   let targetH = nodes[target].element.offsetHeight;
@@ -178,7 +178,6 @@ const generateGuid = () => {
     d += performance.now();
     ; //use high-precision timer if available
   }
-
   var guid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
     var r = (d + Math.random() * 16) % 16 | 0;
     d = Math.floor(d / 16);

package/dist/utils/taskConfig.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.taskConfig = void 0;
-const taskConfig = {
+const taskConfig = exports.taskConfig = {
   "Functions": {
     "logMessage": {
       "title": "Log Message",
@@ -48,6 +48,20 @@ const taskConfig = {
       "branch": 0,
       "code": []
     },
+    "formvariable": {
+      "title": "Form variable",
+      "nodeType": "Form variable",
+      "name": "formvariable",
+      "description": "",
+      "type": "function",
+      "icon": "assistive-listening-systems",
+      "enabled": true,
+      "_comment_enabled": "",
+      "input": 1,
+      "output": 1,
+      "branch": 0,
+      "code": []
+    },
     "toast": {
       "title": "Toast",
       "nodeType": "Toast",
@@ -117,6 +131,20 @@ const taskConfig = {
       "output": 1,
       "branch": 0,
       "code": [""]
+    },
+    "pdfGenerate": {
+      "title": "PDF Generate",
+      "nodeType": "PDF Generate",
+      "name": "pdfGenerate",
+      "description": "log a message to log database...",
+      "type": "function",
+      "icon": "file-pdf-o",
+      "enabled": true,
+      "_comment_enabled": "if 'no', it will not available in the task palette",
+      "input": 1,
+      "output": 1,
+      "branch": 0,
+      "code": []
     }
   },
   "Services": {
@@ -396,5 +424,4 @@ const taskConfig = {
       "code": [""]
     }
   }
-};
-exports.taskConfig = taskConfig;
+};

package/dist/utils/workflow.config.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.config = void 0;
 var _propTypes = require("prop-types");
 var _taskConfig = require("./taskConfig");
-const config = {
+const config = exports.config = {
   MAXIMUM_NESTED: 5,
   logger: true,
   nodeGap: 60,
@@ -172,5 +172,4 @@ const config = {
       }*/
     }
   }
-};
-exports.config = config;
+};

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "ui"
   ],
-  "version": "1.18.0",
+  "version": "1.21.0",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",