@ajuhos/react-flow-chart - npm Package Compare versions

Comparing version 0.0.31 to 0.0.32

package.json

 {
   "name": "@ajuhos/react-flow-chart",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "description": "A flexible, stateless flow chart library for react.",
@@ -5,0 +5,0 @@ "main": "src/index.js",

src/components/Ports/Ports.default.js

@@ -27,14 +27,18 @@ "use strict";
         React.createElement(__1.PortsGroupDefault, { config: config, side: "top" },
-            React.createElement(react_resize_observer_1.default, { onResize: function (rect) { setTop(rect.width); } }),
-            children.filter(function (child) { return ['input', 'top'].includes(child.props.port.type); })),
+            React.createElement("div", null,
+                React.createElement(react_resize_observer_1.default, { onResize: function (rect) { setTop(rect.width); } }),
+                children.filter(function (child) { return ['input', 'top'].includes(child.props.port.type); }))),
         React.createElement(__1.PortsGroupDefault, { config: config, side: "bottom" },
-            React.createElement(react_resize_observer_1.default, { onResize: function (rect) { setBottom(rect.width); } }),
-            children.filter(function (child) { return ['output', 'bottom'].includes(child.props.port.type); })),
+            React.createElement("div", null,
+                React.createElement(react_resize_observer_1.default, { onResize: function (rect) { setBottom(rect.width); } }),
+                children.filter(function (child) { return ['output', 'bottom'].includes(child.props.port.type); }))),
         React.createElement(__1.PortsGroupDefault, { config: config, side: "right" },
-            React.createElement(react_resize_observer_1.default, { onResize: function (rect) { setRight(rect.height); } }),
-            children.filter(function (child) { return ['right'].includes(child.props.port.type); })),
+            React.createElement("div", null,
+                React.createElement(react_resize_observer_1.default, { onResize: function (rect) { setRight(rect.height); } }),
+                children.filter(function (child) { return ['right'].includes(child.props.port.type); }))),
         React.createElement(__1.PortsGroupDefault, { config: config, side: "left" },
-            React.createElement(react_resize_observer_1.default, { onResize: function (rect) { setLeft(rect.height); } }),
-            children.filter(function (child) { return ['left'].includes(child.props.port.type); }))));
+            React.createElement("div", null,
+                React.createElement(react_resize_observer_1.default, { onResize: function (rect) { setLeft(rect.height); } }),
+                children.filter(function (child) { return ['left'].includes(child.props.port.type); })))));
 };
 //# sourceMappingURL=Ports.default.js.map

src/components/PortsGroup/PortsGroup.default.js

@@ -12,12 +12,12 @@ "use strict";
     if (props.side === 'top') {
-        return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        min-width: 100%;\n        left: 0;\n        top: -12px;\n        flex-direction: row;\n        > div {\n          margin: 0 3px;\n        }\n      "], ["\n        min-width: 100%;\n        left: 0;\n        top: -12px;\n        flex-direction: row;\n        > div {\n          margin: 0 3px;\n        }\n      "])));
+        return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        width: 100%;\n        left: 0;\n        top: -12px;\n        flex-direction: row;\n        align-items: center;\n        > div {\n          margin: 0 3px;\n        }\n      "], ["\n        width: 100%;\n        left: 0;\n        top: -12px;\n        flex-direction: row;\n        align-items: center;\n        > div {\n          margin: 0 3px;\n        }\n      "])));
     }
     else if (props.side === 'bottom') {
-        return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        min-width: 100%;\n        left: 0;\n        bottom: -12px;\n        flex-direction: row;\n        > div {\n          margin: 0 3px;\n        }\n      "], ["\n        min-width: 100%;\n        left: 0;\n        bottom: -12px;\n        flex-direction: row;\n        > div {\n          margin: 0 3px;\n        }\n      "])));
+        return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        width: 100%;\n        left: 0;\n        bottom: -12px;\n        flex-direction: row;\n        align-items: center;\n        > div {\n          margin: 0 3px;\n        }\n      "], ["\n        width: 100%;\n        left: 0;\n        bottom: -12px;\n        flex-direction: row;\n        align-items: center;\n        > div {\n          margin: 0 3px;\n        }\n      "])));
     }
     else if (props.side === 'left') {
-        return styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        min-height: 100%;\n        top: 0;\n        left: -12px;\n        flex-direction: column;\n        > div {\n          margin: 3px 0;\n        }\n      "], ["\n        min-height: 100%;\n        top: 0;\n        left: -12px;\n        flex-direction: column;\n        > div {\n          margin: 3px 0;\n        }\n      "])));
+        return styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        height: 100%;\n        top: 0;\n        left: -12px;\n        flex-direction: column;\n        align-items: center;\n        > div {\n          margin: 3px 0;\n        }\n      "], ["\n        height: 100%;\n        top: 0;\n        left: -12px;\n        flex-direction: column;\n        align-items: center;\n        > div {\n          margin: 3px 0;\n        }\n      "])));
     }
     else {
-        return styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        min-height: 100%;\n        top: 0;\n        right: -12px;\n        flex-direction: column;\n        > div {\n          margin: 3px 0;\n        }\n      "], ["\n        min-height: 100%;\n        top: 0;\n        right: -12px;\n        flex-direction: column;\n        > div {\n          margin: 3px 0;\n        }\n      "])));
+        return styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        height: 100%;\n        top: 0;\n        right: -12px;\n        flex-direction: column;\n        align-items: center;\n        > div {\n          margin: 3px 0;\n        }\n      "], ["\n        height: 100%;\n        top: 0;\n        right: -12px;\n        flex-direction: column;\n        align-items: center;\n        > div {\n          margin: 3px 0;\n        }\n      "])));
     }
@@ -24,0 +24,0 @@ });

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

186881

increased by0.25%

Lines of code

2785

increased by0.14%

No dependency changes