alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(actions): split up

Browse Source
This commit is contained in:
moklick
2019-08-05 13:22:59 +02:00
parent 9edf30b71c
commit bcf5ea2ccd
6 changed files with 220 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/build/example.e31bb0bc.js
+91 -82
View File
@@ -37973,30 +37973,10 @@ exports.reducer = reducer;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.updateSelection = exports.removeNodes = exports.setSelectedElements = exports.setNodesSelection = exports.setSelection = exports.zoomOut = exports.zoomIn = exports.fitView = exports.initD3 = exports.updateNodePos = exports.updateNodeData = exports.setEdges = exports.setNodes = exports.updateSize = exports.updateTransform = void 0;
exports.updateSelection = exports.removeNodes = exports.setSelectedElements = exports.setNodesSelection = exports.setSelection = exports.updateNodePos = exports.updateNodeData = exports.setEdges = exports.setNodes = void 0;
var _index = require("./index");
var updateTransform = function updateTransform(transform) {
return {
type: _index.UPDATE_TRANSFORM,
payload: {
transform: [transform.x, transform.y, transform.k]
}
};
};
exports.updateTransform = updateTransform;
var updateSize = function updateSize(size) {
return {
type: _index.UPDATE_SIZE,
payload: size
};
};
exports.updateSize = updateSize;
var setNodes = function setNodes(nodes) {
return {
type: _index.SET_NODES,
@@ -38043,52 +38023,6 @@ var updateNodePos = function updateNodePos(id, pos) {
exports.updateNodePos = updateNodePos;
var initD3 = function initD3(_ref) {
var zoom = _ref.zoom,
selection = _ref.selection;
return {
type: _index.INIT_D3,
payload: {
d3Zoom: zoom,
d3Selection: selection,
d3Initialised: true
}
};
};
exports.initD3 = initD3;
var fitView = function fitView() {
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
_ref2$padding = _ref2.padding,
padding = _ref2$padding === void 0 ? 0 : _ref2$padding;
return {
type: _index.FIT_VIEW,
payload: {
padding: padding
}
};
};
exports.fitView = fitView;
var zoomIn = function zoomIn() {
return {
type: _index.ZOOM_IN
};
};
exports.zoomIn = zoomIn;
var zoomOut = function zoomOut() {
return {
type: _index.ZOOM_OUT
};
};
exports.zoomOut = zoomOut;
var setSelection = function setSelection(isActive) {
return {
type: _index.SET_SELECTION,
@@ -38100,9 +38034,9 @@ var setSelection = function setSelection(isActive) {
exports.setSelection = setSelection;
var setNodesSelection = function setNodesSelection(_ref3) {
var isActive = _ref3.isActive,
selection = _ref3.selection;
var setNodesSelection = function setNodesSelection(_ref) {
var isActive = _ref.isActive,
selection = _ref.selection;
return {
type: _index.SET_NODES_SELECTION,
payload: {
@@ -38115,11 +38049,10 @@ var setNodesSelection = function setNodesSelection(_ref3) {
exports.setNodesSelection = setNodesSelection;
var setSelectedElements = function setSelectedElements(elements) {
var elementsArray = Array.isArray(elements) ? elements : [elements];
return {
type: _index.SET_SELECTED_ELEMENTS,
payload: {
selectedElements: elementsArray
selectedElements: Array.isArray(elements) ? elements : [elements]
}
};
};
@@ -38127,11 +38060,10 @@ var setSelectedElements = function setSelectedElements(elements) {
exports.setSelectedElements = setSelectedElements;
var removeNodes = function removeNodes(ids) {
var idArray = Array.isArray(ids) ? ids : [ids];
return {
type: _index.REMOVE_NODES,
payload: {
ids: idArray
ids: Array.isArray(ids) ? ids : [ids]
}
};
};
@@ -41020,7 +40952,82 @@ var _default = (0, _react.memo)(function () {
});
exports.default = _default;
},{"react":"../node_modules/react/index.js","react-draggable":"../node_modules/react-draggable/dist/react-draggable.js","../GraphContext":"../src/GraphContext/index.js","../graph-utils":"../src/graph-utils.js","../state/actions":"../src/state/actions.js"}],"../src/hooks.js":[function(require,module,exports) {
},{"react":"../node_modules/react/index.js","react-draggable":"../node_modules/react-draggable/dist/react-draggable.js","../GraphContext":"../src/GraphContext/index.js","../graph-utils":"../src/graph-utils.js","../state/actions":"../src/state/actions.js"}],"../src/state/view-actions.js":[function(require,module,exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.zoomOut = exports.zoomIn = exports.fitView = exports.initD3 = exports.updateSize = exports.updateTransform = void 0;
var _index = require("./index");
var updateTransform = function updateTransform(transform) {
return {
type: _index.UPDATE_TRANSFORM,
payload: {
transform: [transform.x, transform.y, transform.k]
}
};
};
exports.updateTransform = updateTransform;
var updateSize = function updateSize(size) {
return {
type: _index.UPDATE_SIZE,
payload: size
};
};
exports.updateSize = updateSize;
var initD3 = function initD3(_ref) {
var zoom = _ref.zoom,
selection = _ref.selection;
return {
type: _index.INIT_D3,
payload: {
d3Zoom: zoom,
d3Selection: selection,
d3Initialised: true
}
};
};
exports.initD3 = initD3;
var fitView = function fitView() {
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
_ref2$padding = _ref2.padding,
padding = _ref2$padding === void 0 ? 0 : _ref2$padding;
return {
type: _index.FIT_VIEW,
payload: {
padding: padding
}
};
};
exports.fitView = fitView;
var zoomIn = function zoomIn() {
return {
type: _index.ZOOM_IN
};
};
exports.zoomIn = zoomIn;
var zoomOut = function zoomOut() {
return {
type: _index.ZOOM_OUT
};
};
exports.zoomOut = zoomOut;
},{"./index":"../src/state/index.js"}],"../src/hooks.js":[function(require,module,exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
@@ -41100,6 +41107,8 @@ var _NodesSelection = _interopRequireDefault(require("../NodesSelection"));
var _actions = require("../state/actions");
var _viewActions = require("../state/view-actions");
var _hooks = require("../hooks");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -41117,7 +41126,7 @@ var GraphView = (0, _react.memo)(function (props) {
var shiftPressed = (0, _hooks.useKeyPress)('Shift');
(0, _react.useEffect)(function () {
var selection = (0, _d3Selection.select)(zoomPane.current).call(d3ZoomInstance);
dispatch((0, _actions.initD3)({
dispatch((0, _viewActions.initD3)({
zoom: d3ZoomInstance,
selection: selection
}));
@@ -41131,7 +41140,7 @@ var GraphView = (0, _react.memo)(function (props) {
return false;
}
dispatch((0, _actions.updateTransform)(_d3Selection.event.transform));
dispatch((0, _viewActions.updateTransform)(_d3Selection.event.transform));
props.onMove();
});
@@ -41143,7 +41152,7 @@ var GraphView = (0, _react.memo)(function (props) {
}
}, [shiftPressed]);
(0, _react.useEffect)(function () {
return dispatch((0, _actions.updateSize)(props.size));
return dispatch((0, _viewActions.updateSize)(props.size));
}, [props.size.width, props.size.height]);
(0, _react.useEffect)(function () {
if (state.d3Initialised) {
@@ -41151,13 +41160,13 @@ var GraphView = (0, _react.memo)(function (props) {
nodes: state.nodes,
edges: state.edges,
fitView: function fitView(opts) {
return dispatch((0, _actions.fitView)(opts));
return dispatch((0, _viewActions.fitView)(opts));
},
zoomIn: function zoomIn() {
return dispatch((0, _actions.zoomIn)());
return dispatch((0, _viewActions.zoomIn)());
},
zoomOut: function zoomOut() {
return dispatch((0, _actions.zoomOut)());
return dispatch((0, _viewActions.zoomOut)());
}
});
}
@@ -41199,7 +41208,7 @@ var _default = _reactSizeme.default.withSize({
})(GraphView);
exports.default = _default;
},{"react":"../node_modules/react/index.js","d3-zoom":"../node_modules/d3-zoom/src/index.js","d3-selection":"../node_modules/d3-selection/src/index.js","react-sizeme":"../node_modules/react-sizeme/dist/react-sizeme.js","../ConnectionContext":"../src/ConnectionContext/index.js","../GraphContext":"../src/GraphContext/index.js","../NodeRenderer":"../src/NodeRenderer/index.js","../EdgeRenderer":"../src/EdgeRenderer/index.js","../UserSelection":"../src/UserSelection/index.js","../NodesSelection":"../src/NodesSelection/index.js","../state/actions":"../src/state/actions.js","../hooks":"../src/hooks.js"}],"../src/GlobalKeyHandler/index.js":[function(require,module,exports) {
},{"react":"../node_modules/react/index.js","d3-zoom":"../node_modules/d3-zoom/src/index.js","d3-selection":"../node_modules/d3-selection/src/index.js","react-sizeme":"../node_modules/react-sizeme/dist/react-sizeme.js","../ConnectionContext":"../src/ConnectionContext/index.js","../GraphContext":"../src/GraphContext/index.js","../NodeRenderer":"../src/NodeRenderer/index.js","../EdgeRenderer":"../src/EdgeRenderer/index.js","../UserSelection":"../src/UserSelection/index.js","../NodesSelection":"../src/NodesSelection/index.js","../state/actions":"../src/state/actions.js","../state/view-actions":"../src/state/view-actions.js","../hooks":"../src/hooks.js"}],"../src/GlobalKeyHandler/index.js":[function(require,module,exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {