@eccenca/gui-elements 24.1.0-rc.3 → 24.1.0-rc.5

package/dist/esm/extensions/codemirror/toolbars/commands/markdown.command.js

@@ -0,0 +1,283 @@
+import { EditorSelection } from "@codemirror/state";
+var Commands;
+(function (Commands) {
+    Commands["header1"] = "Heading 1";
+    Commands["header2"] = "Heading 2";
+    Commands["header3"] = "Heading 3";
+    Commands["header4"] = "Heading 4";
+    Commands["header5"] = "Heading 5";
+    Commands["header6"] = "Heading 6";
+    Commands["codeBlock"] = "Code block";
+    Commands["quote"] = "Block quote";
+    Commands["bold"] = "Bold";
+    Commands["italic"] = "Italic";
+    Commands["strike"] = "StrikeThrough";
+    Commands["inlineCode"] = "Inline code";
+    Commands["unorderedList"] = "Unordered list";
+    Commands["orderedList"] = "Ordered list";
+    Commands["todoList"] = "Todo list";
+    Commands["link"] = "Link";
+    Commands["image"] = "Image";
+})(Commands || (Commands = {}));
+//contains all utilities for markdown toolbar
+var MarkdownCommand = /** @class */ (function () {
+    function MarkdownCommand(view) {
+        var _this = this;
+        this.view = null;
+        /**
+         * Supported list types are ol, ul, todo.
+         * utility helps to determine which at the start of the line
+         */
+        this.getListTypeOfLine = function (text) {
+            if (!text)
+                return;
+            text = text === null || text === void 0 ? void 0 : text.trimStart();
+            if (text.startsWith("- ")) {
+                if (text.startsWith("- [ ] ") || text.startsWith("- [x] "))
+                    return ["todo"];
+                return ["ul"];
+            }
+            var v = text.match(/^(\d+)\. /);
+            return v ? ["ol", Number.parseInt(v[1], 10)] : undefined;
+        };
+        //factory for different list types.
+        this.createList = function (type) {
+            if (!_this.view)
+                return;
+            var view = _this.view;
+            var doc = view.state.doc;
+            var orderedList = { currentIndex: 1 };
+            view.dispatch(view.state.changeByRange(function (range) {
+                var text = doc.slice(range.from, range.to);
+                var changes = [];
+                var selectionStart = range.from;
+                var selectionLength = range.to - range.from;
+                Array.from({ length: text.lines }).forEach(function (_, index) {
+                    var line = doc.line(doc.lineAt(range.from).number + index);
+                    var currentListType = _this.getListTypeOfLine(line.text);
+                    if (currentListType && currentListType[0] === type) {
+                        if (currentListType[0] === "ol" && currentListType[1]) {
+                            orderedList.currentIndex = currentListType[1];
+                        }
+                        return;
+                    }
+                    var content = _this.createListDelimiter(line.text, type, orderedList);
+                    var diffLength = content.length - line.length;
+                    changes.push({
+                        from: line.from,
+                        to: line.to,
+                        insert: content,
+                    });
+                    if (index === 0) {
+                        selectionStart = selectionStart + diffLength;
+                    }
+                    else {
+                        selectionLength = selectionLength + diffLength;
+                    }
+                });
+                return {
+                    changes: changes,
+                    range: EditorSelection.range(selectionStart, selectionStart + selectionLength),
+                };
+            }));
+            view.focus();
+        };
+        this.enforceCursorFocus = function (cursorPosition) {
+            if (!_this.view)
+                return;
+            var view = _this.view;
+            setTimeout(function () {
+                view.dispatch({
+                    selection: EditorSelection.cursor(cursorPosition),
+                });
+                view.focus();
+            }, 50);
+        };
+        //supported headers from h1-h6, h6 being the smallest
+        this.createHeading = function (level) {
+            if (!_this.view)
+                return;
+            var view = _this.view;
+            var state = view.state;
+            var flags = "#".repeat(level) + " ";
+            var lastCursorPosition = 0;
+            view.dispatch(state.changeByRange(function (range) {
+                var line = state.doc.lineAt(range.from);
+                var content = line.text.replace(/^((#+) )?/, flags);
+                var diffLength = content.length - line.length;
+                lastCursorPosition = line.to + diffLength;
+                return {
+                    changes: {
+                        from: line.from,
+                        to: line.to,
+                        insert: content,
+                    },
+                    range: EditorSelection.range(range.anchor + diffLength, range.head + diffLength),
+                };
+            }));
+            _this.enforceCursorFocus(lastCursorPosition);
+        };
+        this.applyFormatting = function (_a) {
+            var start = _a.start, startDelimiter = _a.startDelimiter, _b = _a.endDelimiter, endDelimiter = _b === void 0 ? startDelimiter : _b, _c = _a.stop, stop = _c === void 0 ? start : _c;
+            if (!_this.view)
+                return;
+            var view = _this.view;
+            var _d = view.state.selection.main, from = _d.from, to = _d.to;
+            var text = view.state.sliceDoc(from, to);
+            view.dispatch(view.state.changeByRange(function (range) {
+                return {
+                    changes: [{ from: range.from, to: range.to, insert: "".concat(startDelimiter).concat(text).concat(endDelimiter) }],
+                    range: EditorSelection.range(range.from + start, range.to + stop),
+                };
+            }));
+            view.focus();
+        };
+        this.applyAttachment = function (type) {
+            if (!_this.view)
+                return;
+            var view = _this.view;
+            var state = view.state;
+            var isImageAttachmentType = type === Commands.image;
+            var doc = state.doc;
+            view.dispatch(state.changeByRange(function (range) {
+                var from = range.from, to = range.to;
+                var text = doc.sliceString(from, to);
+                var link = "".concat(isImageAttachmentType ? "!" : "", "[").concat(text, "]()");
+                var cursor = from + (text.length ? 3 + text.length : 1 + Number(isImageAttachmentType));
+                return {
+                    changes: [
+                        {
+                            from: from,
+                            to: to,
+                            insert: link,
+                        },
+                    ],
+                    range: EditorSelection.range(cursor, cursor),
+                };
+            }));
+            view.focus();
+        };
+        this.applyQuoteFormatting = function () {
+            if (!_this.view)
+                return;
+            var view = _this.view;
+            var state = view.state;
+            var doc = state.doc;
+            var lastCursorPosition = 0;
+            view.dispatch(view.state.changeByRange(function (range) {
+                var startLine = doc.lineAt(range.from);
+                var text = doc.slice(range.from, range.to);
+                var lineCount = text.lines;
+                var changes = [];
+                var selectionStart = range.from;
+                var selectionLength = range.to - range.from;
+                new Array(lineCount).fill(0).forEach(function (_, index) {
+                    var line = doc.line(startLine.number + index);
+                    if (line.text.startsWith("> ")) {
+                        return;
+                    }
+                    changes.push({
+                        from: line.from,
+                        insert: "> ",
+                    });
+                    if (index === 0) {
+                        selectionStart = selectionStart + 2;
+                    }
+                    else {
+                        selectionLength += 2;
+                    }
+                });
+                lastCursorPosition = selectionStart + selectionLength;
+                return {
+                    changes: changes,
+                    range: EditorSelection.range(selectionStart, selectionStart + selectionLength),
+                };
+            }));
+            _this.enforceCursorFocus(lastCursorPosition);
+        };
+        this.executeCommand = function (command) {
+            var _a;
+            switch (command) {
+                case Commands.bold:
+                    return _this.applyFormatting({ start: 2, startDelimiter: "**" });
+                case Commands.italic:
+                    return _this.applyFormatting({ start: 1, startDelimiter: "*" });
+                case Commands.codeBlock:
+                    return _this.applyFormatting({ start: 3, startDelimiter: "```\n", endDelimiter: "\n```" });
+                case Commands.strike:
+                    return _this.applyFormatting({ start: 2, startDelimiter: "~~" });
+                case Commands.inlineCode:
+                    return _this.applyFormatting({ start: 1, startDelimiter: "`" });
+                case Commands.header1:
+                case Commands.header2:
+                case Commands.header3:
+                case Commands.header4:
+                case Commands.header5:
+                case Commands.header6:
+                    return _this.createHeading(Number(command.slice(-1)));
+                case Commands.unorderedList:
+                case Commands.orderedList:
+                case Commands.todoList:
+                    return _this.createList((_a = MarkdownCommand.commands.lists.find(function (l) { return l.title === command; })) === null || _a === void 0 ? void 0 : _a.moniker);
+                case Commands.image:
+                case Commands.link:
+                    return _this.applyAttachment(command);
+                case Commands.quote:
+                    return _this.applyQuoteFormatting();
+                default:
+                    return; //do nothing;
+            }
+        };
+        this.view = view;
+    }
+    //inserts the list delimiters of "-", "- [ ]" and "{number}."
+    MarkdownCommand.prototype.createListDelimiter = function (text, type, orderedList) {
+        return text.replace(/^(( *)(-( \[[x ]])?|\d+\.) )?/, function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            var _a = args[args.length - 1].space, space = _a === void 0 ? "" : _a;
+            var newFlag = "- ";
+            if (type === "ol") {
+                newFlag = "".concat(orderedList.currentIndex, ". ");
+                orderedList.currentIndex++;
+            }
+            else if (type === "todo") {
+                newFlag = "- [ ] ";
+            }
+            return space + newFlag;
+        });
+    };
+    //list of supported commands as well as the valid icon names.
+    MarkdownCommand.commands = {
+        paragraphs: [
+            Commands.header1,
+            Commands.header2,
+            Commands.header3,
+            Commands.header4,
+            Commands.header5,
+            Commands.header6,
+            Commands.quote,
+            Commands.codeBlock,
+        ],
+        basic: [
+            { title: Commands.bold, icon: "operation-format-text-bold" },
+            { title: Commands.italic, icon: "operation-format-text-italic" },
+            { title: Commands.strike, icon: "operation-format-text-strikethrough" },
+            { title: Commands.inlineCode, icon: "operation-format-text-code" },
+        ],
+        lists: [
+            { title: Commands.unorderedList, icon: "operation-format-list-bullet", moniker: "ul" },
+            { title: Commands.orderedList, icon: "operation-format-list-numbered", moniker: "ol" },
+            { title: Commands.todoList, icon: "operation-format-list-checked", moniker: "todo" },
+        ],
+        attachments: [
+            { title: Commands.link, icon: "operation-link" },
+            { title: Commands.image, icon: "item-image" },
+        ],
+    };
+    return MarkdownCommand;
+}());
+export default MarkdownCommand;
+//# sourceMappingURL=markdown.command.js.map

package/dist/esm/extensions/codemirror/toolbars/commands/markdown.command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.command.js","sourceRoot":"","sources":["../../../../../../src/extensions/codemirror/toolbars/commands/markdown.command.ts"],"names":[],"mappings":"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"}

package/dist/esm/extensions/codemirror/toolbars/markdown.toolbar.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { Button } from "../../../components/Button/Button.js";
+import { ContextMenu } from "../../../components/ContextOverlay/index.js";
+import { Icon, IconButton } from "../../../components/Icon/index.js";
+import { MenuItem } from "../../../components/Menu/index.js";
+import { Spacing } from "../../../components/Separation/Spacing.js";
+import { Toolbar, ToolbarSection } from "../../../components/Toolbar/index.js";
+import MarkdownCommand from "./commands/markdown.command.js";
+export var MarkdownToolbar = function (_a) {
+    var view = _a.view, togglePreviewStatus = _a.togglePreviewStatus, showPreview = _a.showPreview, disabled = _a.disabled, readonly = _a.readonly, translate = _a.translate;
+    var commandRef = React.useRef(null);
+    React.useEffect(function () {
+        if (view) {
+            commandRef.current = new MarkdownCommand(view);
+        }
+    }, [view]);
+    var getTranslation = function (fallback) {
+        var key = fallback.toLowerCase().replace(" ", "-");
+        return translate(key) || fallback;
+    };
+    var _b = MarkdownCommand.commands, basic = _b.basic, lists = _b.lists, attachments = _b.attachments;
+    return (React.createElement(Toolbar, { noWrap: true },
+        React.createElement(ToolbarSection, { canShrink: true, hideOverflow: true },
+            React.createElement(ContextMenu, { togglerElement: React.createElement(Button, { rightIcon: React.createElement(Icon, { name: "toggler-showmore" }), text: getTranslation("Paragraphs"), minimal: true, fill: true, ellipsizeText: true, disabled: showPreview || disabled || readonly }) }, MarkdownCommand.commands.paragraphs.map(function (p, i) { return (React.createElement(MenuItem, { key: p, text: React.createElement(React.Fragment, null,
+                    React.createElement("span", { style: p.startsWith("Head") ? { fontSize: 22 - (i * (22 - 12)) / 5 } : {} }, getTranslation(p))), onClick: function () { var _a; return (_a = commandRef.current) === null || _a === void 0 ? void 0 : _a.executeCommand(p); } })); }))),
+        React.createElement(ToolbarSection, { canShrink: true },
+            React.createElement(Spacing, { vertical: true, hasDivider: true, size: "tiny" })),
+        [basic, lists, attachments].map(function (section, i) {
+            return (React.createElement(React.Fragment, { key: i },
+                React.createElement(ToolbarSection, null, section.map(function (command) {
+                    return (React.createElement(IconButton, { key: command.title, name: command.icon, onClick: function () { var _a; return (_a = commandRef.current) === null || _a === void 0 ? void 0 : _a.executeCommand(command.title); }, text: getTranslation(command.title), disabled: showPreview || disabled || readonly }));
+                })),
+                i < 2 && (React.createElement(ToolbarSection, { canShrink: true },
+                    React.createElement(Spacing, { vertical: true, hasDivider: true, size: "tiny" })))));
+        }),
+        React.createElement(ToolbarSection, { canGrow: true, canShrink: true },
+            React.createElement(Spacing, { vertical: true, size: "small" })),
+        React.createElement(ToolbarSection, { canShrink: true, hideOverflow: true },
+            React.createElement(Button, { minimal: true, ellipsizeText: true, onClick: togglePreviewStatus, text: showPreview ? getTranslation("Continue editing") : getTranslation("Preview"), icon: showPreview ? "item-edit" : "item-viewdetails", disabled: disabled }))));
+};
+//# sourceMappingURL=markdown.toolbar.js.map

package/dist/esm/extensions/codemirror/toolbars/markdown.toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.toolbar.js","sourceRoot":"","sources":["../../../../../src/extensions/codemirror/toolbars/markdown.toolbar.tsx"],"names":[],"mappings":"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"}

package/dist/esm/extensions/react-flow/nodes/NodeContent.js

@@ -98,27 +98,36 @@ var MemoHandler = React.memo(function (props) { return React.createElement(Handl
  */
 export function NodeContent(_a) {
     var _b;
-    var _c, _d;
-    var flowVersion = _a.flowVersion, iconName = _a.iconName, depiction = _a.depiction, leftElement = _a.leftElement, typeLabel = _a.typeLabel, label = _a.label, labelSubline = _a.labelSubline, enlargeHeader = _a.enlargeHeader, fullWidth = _a.fullWidth, _e = _a.showExecutionButtons, showExecutionButtons = _e === void 0 ? true : _e, executionButtons = _a.executionButtons, menuButtons = _a.menuButtons, content = _a.content, contentExtension = _a.contentExtension, footerContent = _a.footerContent, _f = _a.size, size = _f === void 0 ? "small" : _f, _g = _a.minimalShape, minimalShape = _g === void 0 ? "circular" : _g, intent = _a.intent, border = _a.border, highlightColor = _a.highlightColor, 
+    var _c, _d, _e, _f;
+    var flowVersion = _a.flowVersion, iconName = _a.iconName, depiction = _a.depiction, leftElement = _a.leftElement, typeLabel = _a.typeLabel, label = _a.label, labelSubline = _a.labelSubline, enlargeHeader = _a.enlargeHeader, fullWidth = _a.fullWidth, _g = _a.showExecutionButtons, showExecutionButtons = _g === void 0 ? true : _g, executionButtons = _a.executionButtons, menuButtons = _a.menuButtons, content = _a.content, contentExtension = _a.contentExtension, footerContent = _a.footerContent, _h = _a.size, size = _h === void 0 ? "small" : _h, _j = _a.minimalShape, minimalShape = _j === void 0 ? "circular" : _j, intent = _a.intent, border = _a.border, highlightColor = _a.highlightColor, 
     //handles = defaultHandles(),
-    adaptHeightForHandleMinCount = _a.adaptHeightForHandleMinCount, _h = _a.adaptSizeIncrement, adaptSizeIncrement = _h === void 0 ? 15 : _h, _j = _a.getMinimalTooltipData, getMinimalTooltipData = _j === void 0 ? getDefaultMinimalTooltipData : _j, _k = _a.style, style = _k === void 0 ? {} : _k, _l = _a.showUnconnectableHandles, showUnconnectableHandles = _l === void 0 ? false : _l, _m = _a.animated, animated = _m === void 0 ? false : _m, _o = _a.introductionTime, introductionTime = _o === void 0 ? 0 : _o, onNodeResize = _a.onNodeResize, nodeDimensions = _a.nodeDimensions, 
+    adaptHeightForHandleMinCount = _a.adaptHeightForHandleMinCount, _k = _a.adaptSizeIncrement, adaptSizeIncrement = _k === void 0 ? 15 : _k, 
+    // FIXME: getMinimalTooltipData is just being ignored, only used in `NodeDefault`
+    _l = _a.getMinimalTooltipData, 
+    // FIXME: getMinimalTooltipData is just being ignored, only used in `NodeDefault`
+    getMinimalTooltipData = _l === void 0 ? getDefaultMinimalTooltipData : _l, _m = _a.style, style = _m === void 0 ? {} : _m, _o = _a.showUnconnectableHandles, showUnconnectableHandles = _o === void 0 ? false : _o, _p = _a.animated, animated = _p === void 0 ? false : _p, _q = _a.introductionTime, introductionTime = _q === void 0 ? 0 : _q, 
+    // resizing
+    onNodeResize = _a.onNodeResize, nodeDimensions = _a.nodeDimensions, _r = _a.resizeDirections, resizeDirections = _r === void 0 ? { bottom: true, right: true } : _r, resizeMaxDimensions = _a.resizeMaxDimensions, 
     // forwarded props
-    _p = _a.targetPosition, 
+    _s = _a.targetPosition, 
     // forwarded props
-    targetPosition = _p === void 0 ? Position.Left : _p, _q = _a.sourcePosition, sourcePosition = _q === void 0 ? Position.Right : _q, _r = _a.isConnectable, isConnectable = _r === void 0 ? true : _r, selected = _a.selected, _s = _a.letPassWheelEvents, letPassWheelEvents = _s === void 0 ? false : _s, 
-    // businessData is just being ignored
+    targetPosition = _s === void 0 ? Position.Left : _s, _t = _a.sourcePosition, sourcePosition = _t === void 0 ? Position.Right : _t, _u = _a.isConnectable, isConnectable = _u === void 0 ? true : _u, selected = _a.selected, _v = _a.letPassWheelEvents, letPassWheelEvents = _v === void 0 ? false : _v, 
+    // FIXME: businessData is just being ignored
     businessData = _a.businessData, 
     // other props for DOM element
-    otherDomProps = __rest(_a, ["flowVersion", "iconName", "depiction", "leftElement", "typeLabel", "label", "labelSubline", "enlargeHeader", "fullWidth", "showExecutionButtons", "executionButtons", "menuButtons", "content", "contentExtension", "footerContent", "size", "minimalShape", "intent", "border", "highlightColor", "adaptHeightForHandleMinCount", "adaptSizeIncrement", "getMinimalTooltipData", "style", "showUnconnectableHandles", "animated", "introductionTime", "onNodeResize", "nodeDimensions", "targetPosition", "sourcePosition", "isConnectable", "selected", "letPassWheelEvents", "businessData"]);
+    otherDomProps = __rest(_a, ["flowVersion", "iconName", "depiction", "leftElement", "typeLabel", "label", "labelSubline", "enlargeHeader", "fullWidth", "showExecutionButtons", "executionButtons", "menuButtons", "content", "contentExtension", "footerContent", "size", "minimalShape", "intent", "border", "highlightColor", "adaptHeightForHandleMinCount", "adaptSizeIncrement", "getMinimalTooltipData", "style", "showUnconnectableHandles", "animated", "introductionTime", "onNodeResize", "nodeDimensions", "resizeDirections", "resizeMaxDimensions", "targetPosition", "sourcePosition", "isConnectable", "selected", "letPassWheelEvents", "businessData"]);
     var evaluateFlowVersion = useReactFlowVersion();
     var flowVersionCheck = flowVersion || evaluateFlowVersion;
-    var _t = __read(React.useState(false), 2), introductionDone = _t[0], setIntroductionDone = _t[1];
-    var _u = otherDomProps.handles, handles = _u === void 0 ? defaultHandles(flowVersionCheck) : _u, otherProps = __rest(otherDomProps, ["handles"]);
-    var isResizeable = !!onNodeResize && minimalShape === "none";
-    var _v = __read(React.useState((_c = nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.width) !== null && _c !== void 0 ? _c : 0), 2), width = _v[0], setWidth = _v[1];
-    var _w = __read(React.useState((_d = nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.height) !== null && _d !== void 0 ? _d : 0), 2), height = _w[0], setHeight = _w[1];
+    var _w = __read(React.useState(false), 2), introductionDone = _w[0], setIntroductionDone = _w[1];
+    var _x = otherDomProps.handles, handles = _x === void 0 ? defaultHandles(flowVersionCheck) : _x, otherProps = __rest(otherDomProps, ["handles"]);
+    var hasValidResizeDirection = resizeDirections.bottom || resizeDirections.right;
+    var isResizable = typeof onNodeResize === "function" && hasValidResizeDirection && minimalShape === "none";
+    var _y = __read(React.useState((_c = nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.width) !== null && _c !== void 0 ? _c : undefined), 2), width = _y[0], setWidth = _y[1];
+    var _z = __read(React.useState((_d = nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.height) !== null && _d !== void 0 ? _d : undefined), 2), height = _z[0], setHeight = _z[1];
+    // Keeps the initial size of the element
+    var originalSize = React.useRef({});
     var zoom = 1;
-    if (isResizeable)
+    if (isResizable)
         try {
             _b = __read(flowVersionCheck === "legacy"
                 ? getStoreStateFlowLegacy(function (state) { return state.transform; })
@@ -129,7 +138,7 @@ export function NodeContent(_a) {
             // eslint-disable-next-line no-console
             console.error(error);
         }
-    var _x = __read(React.useState({}), 2), adjustedContentProps = _x[0], setAdjustedContentProps = _x[1];
+    var _3 = __read(React.useState({}), 2), adjustedContentProps = _3[0], setAdjustedContentProps = _3[1];
     var nodeContentRef = React.useRef();
     var handleStack = flowVersionCheck === "legacy"
         ? {}
@@ -142,27 +151,63 @@ export function NodeContent(_a) {
         flowVersionCheck === "legacy" ? [] : [];
     handleStack[Position.Left] =
         flowVersionCheck === "legacy" ? [] : [];
-    // initial dimension before resize
+    var saveOriginalSize = function () {
+        originalSize.current.width = nodeContentRef.current.offsetWidth;
+        originalSize.current.height = nodeContentRef.current.offsetHeight;
+    };
     React.useEffect(function () {
-        if (!!onNodeResize && minimalShape === "none") {
-            if (!nodeDimensions) {
-                setWidth(nodeContentRef.current.offsetWidth);
-                setHeight(nodeContentRef.current.offsetHeight);
-                onNodeResize({
-                    height: nodeContentRef.current.offsetHeight,
-                    width: nodeContentRef.current.offsetWidth,
-                });
-            }
-            nodeContentRef.current.className = nodeContentRef.current.className + " is-resizeable";
+        if (nodeContentRef.current && !(originalSize.current.width || originalSize.current.height)) {
+            saveOriginalSize();
         }
-    }, [nodeContentRef, onNodeResize, minimalShape, nodeDimensions]);
-    // update node dimensions when resized
+    }, [!!nodeContentRef.current, !(originalSize.current.width || originalSize.current.height)]);
+    // Update width and height when node dimensions parameters has changed
     React.useEffect(function () {
-        if (nodeDimensions) {
-            setWidth(nodeDimensions.width);
-            setHeight(nodeDimensions.height);
+        var updateWidth = (nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.width) ? validateWidth(nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.width) : undefined;
+        var updateHeight = (nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.height) ? validateHeight(nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.height) : undefined;
+        setWidth(updateWidth);
+        setHeight(updateHeight);
+        if (!(nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.width) && !(nodeDimensions === null || nodeDimensions === void 0 ? void 0 : nodeDimensions.height)) {
+            // provoke new measuring if no dimensions are set
+            saveOriginalSize();
         }
     }, [nodeDimensions]);
+    var isResizingActive = React.useCallback(function () {
+        var currentClassNames = nodeContentRef.current.classList;
+        return resizeDirections.right === currentClassNames.contains("is-resizable-horizontal") &&
+            resizeDirections.bottom === currentClassNames.contains("is-resizable-vertical");
+    }, []);
+    // force default size when resizing is activated but no dimensions are set
+    React.useEffect(function () {
+        var _a, _b;
+        var resizingActive = isResizingActive();
+        if (isResizable && !resizingActive) {
+            if (!width || !height) {
+                var newWidth = validateWidth(width !== null && width !== void 0 ? width : (_a = originalSize.current) === null || _a === void 0 ? void 0 : _a.width);
+                var newHeight = validateHeight(height !== null && height !== void 0 ? height : (_b = originalSize.current) === null || _b === void 0 ? void 0 : _b.height);
+                setWidth(newWidth);
+                setHeight(newHeight);
+            }
+        }
+    }, [nodeContentRef.current, onNodeResize, minimalShape, resizeDirections === null || resizeDirections === void 0 ? void 0 : resizeDirections.bottom, resizeDirections === null || resizeDirections === void 0 ? void 0 : resizeDirections.right, width, height]); // need to be done everytime a property is changed and the element is re-rendered, otherwise the resizing class is lost
+    // conditional enhancements for activated resizing
+    React.useEffect(function () {
+        var currentClassNames = nodeContentRef.current.classList;
+        var resizingActive = isResizingActive();
+        if (isResizable && !resizingActive) {
+            if (currentClassNames.contains("is-resizable-horizontal")) {
+                nodeContentRef.current.classList.remove("is-resizable-horizontal");
+            }
+            if (currentClassNames.contains("is-resizable-vertical")) {
+                nodeContentRef.current.classList.remove("is-resizable-vertical");
+            }
+            if (resizeDirections.right) {
+                nodeContentRef.current.classList.add("is-resizable-horizontal");
+            }
+            if (resizeDirections.bottom) {
+                nodeContentRef.current.classList.add("is-resizable-vertical");
+            }
+        }
+    }); // need to be done everytime a property is changed and the element is re-rendered, otherwise the resizing class is lost
     // remove introduction class
     React.useEffect(function () {
         var _a;
@@ -216,8 +261,15 @@ export function NodeContent(_a) {
         var minHeightRight = handleStack[Position.Right].length * adaptSizeIncrement;
         styleExpandDimensions["minHeight"] = Math.max(minHeightLeft, minHeightRight);
     }
-    var _y = evaluateHighlightColors("--node-highlight", highlightColor), highlightClassNameSuffix = _y.highlightClassNameSuffix, highlightCustomPropertySettings = _y.highlightCustomPropertySettings;
-    var resizableStyles = !!onNodeResize === true && minimalShape === "none" && width + height > 0 ? { width: width, height: height } : {};
+    var _4 = evaluateHighlightColors("--node-highlight", highlightColor), highlightClassNameSuffix = _4.highlightClassNameSuffix, highlightCustomPropertySettings = _4.highlightCustomPropertySettings;
+    var resizableStyles = isResizable && (width !== null && width !== void 0 ? width : 0) + (height !== null && height !== void 0 ? height : 0) > 0
+        ? {
+            width: width,
+            height: height,
+            maxWidth: (_e = resizeMaxDimensions === null || resizeMaxDimensions === void 0 ? void 0 : resizeMaxDimensions.width) !== null && _e !== void 0 ? _e : undefined,
+            maxHeight: (_f = resizeMaxDimensions === null || resizeMaxDimensions === void 0 ? void 0 : resizeMaxDimensions.height) !== null && _f !== void 0 ? _f : undefined,
+        }
+        : {};
     var introductionStyles = introductionTime && !introductionDone
         ? {
             "--node-introduction-time": "".concat(typeof introductionTime === "object" ? introductionTime.run : introductionTime, "ms"),
@@ -271,21 +323,66 @@ export function NodeContent(_a) {
             addHandles(handleStack, Position.Right, "top", isConnectable, style, flowVersionCheck),
             addHandles(handleStack, Position.Bottom, "left", isConnectable, style, flowVersionCheck),
             addHandles(handleStack, Position.Left, "top", isConnectable, style, flowVersionCheck)))));
-    var resizableNode = function () { return (React.createElement(Resizable, { className: "".concat(eccgui, "-graphviz__node__resizer"), handleWrapperClass: "".concat(eccgui, "-graphviz__node__resizer--cursorhandles nodrag"), size: { height: height, width: width }, enable: { bottomRight: true }, scale: zoom, onResize: function (_0, _1, _2, d) {
-            if (nodeContentRef.current) {
-                nodeContentRef.current.style.width = width + d.width + "px";
-                nodeContentRef.current.style.height = height + d.height + "px";
-            }
-        }, onResizeStop: function (_0, _1, _2, d) {
-            setWidth(width + d.width);
-            setHeight(height + d.height);
-            onNodeResize &&
-                onNodeResize({
-                    height: height + d.height,
-                    width: width + d.width,
-                });
-        } }, nodeContent)); };
-    return isResizeable ? resizableNode() : nodeContent;
+    var validateWidth = function (resizedWidth) {
+        var _a;
+        // only allow value if resize direction is allowed
+        if (!resizeDirections.right) {
+            return undefined;
+        }
+        // we need to check because there is probably a min value defined via CSS
+        var min = parseFloat(getComputedStyle(nodeContentRef.current).getPropertyValue("min-width"));
+        // we need to check for a given max value
+        var max = (_a = resizeMaxDimensions === null || resizeMaxDimensions === void 0 ? void 0 : resizeMaxDimensions.width) !== null && _a !== void 0 ? _a : Infinity;
+        var validatedWidth = Math.max(Math.min(resizedWidth, max), min);
+        return validatedWidth;
+    };
+    var validateHeight = function (resizedHeight) {
+        var _a;
+        if (!resizeDirections.bottom) {
+            return undefined;
+        }
+        // we need to check because there is probably a min value defined via CSS
+        var min = parseFloat(getComputedStyle(nodeContentRef.current).getPropertyValue("min-height"));
+        var max = (_a = resizeMaxDimensions === null || resizeMaxDimensions === void 0 ? void 0 : resizeMaxDimensions.height) !== null && _a !== void 0 ? _a : Infinity;
+        var validatedHeight = Math.max(Math.min(resizedHeight, max), min);
+        return validatedHeight;
+    };
+    var resizableNode = function () {
+        var _a, _b;
+        var size = { height: height !== null && height !== void 0 ? height : "auto", width: width !== null && width !== void 0 ? width : "auto" };
+        return (React.createElement(Resizable, { className: "".concat(eccgui, "-graphviz__node__resizer") +
+                (resizeDirections.right ? " ".concat(eccgui, "-graphviz__node__resizer--right") : "") +
+                (resizeDirections.bottom ? " ".concat(eccgui, "-graphviz__node__resizer--bottom") : ""), handleWrapperClass: "".concat(eccgui, "-graphviz__node__resizer--cursorhandles") + " nodrag", size: size, maxHeight: (_a = resizeMaxDimensions === null || resizeMaxDimensions === void 0 ? void 0 : resizeMaxDimensions.height) !== null && _a !== void 0 ? _a : undefined, maxWidth: (_b = resizeMaxDimensions === null || resizeMaxDimensions === void 0 ? void 0 : resizeMaxDimensions.width) !== null && _b !== void 0 ? _b : undefined, enable: resizeDirections.bottom && resizeDirections.right ? { bottomRight: true } : resizeDirections, scale: zoom, onResize: function (_0, _1, _2, d) {
+                var _a, _b;
+                if (nodeContentRef.current) {
+                    var nextWidth = resizeDirections.right
+                        ? ((_a = width !== null && width !== void 0 ? width : originalSize.current.width) !== null && _a !== void 0 ? _a : 0) + d.width
+                        : undefined;
+                    var nextHeight = resizeDirections.bottom
+                        ? ((_b = height !== null && height !== void 0 ? height : originalSize.current.height) !== null && _b !== void 0 ? _b : 0) + d.height
+                        : undefined;
+                    if (nextWidth) {
+                        nodeContentRef.current.style.width = "".concat(nextWidth, "px");
+                    }
+                    if (nextHeight) {
+                        nodeContentRef.current.style.height = "".concat(nextHeight, "px");
+                    }
+                }
+            }, onResizeStop: function (_0, _1, _2, d) {
+                var _a, _b;
+                var nextWidth = validateWidth(((_a = width !== null && width !== void 0 ? width : originalSize.current.width) !== null && _a !== void 0 ? _a : 0) + d.width);
+                var nextHeight = validateHeight(((_b = height !== null && height !== void 0 ? height : originalSize.current.height) !== null && _b !== void 0 ? _b : 0) + d.height);
+                setWidth(nextWidth);
+                setHeight(nextHeight);
+                if (onNodeResize) {
+                    onNodeResize({
+                        height: nextHeight,
+                        width: nextWidth,
+                    });
+                }
+            } }, nodeContent));
+    };
+    return isResizable ? resizableNode() : nodeContent;
 }
 var evaluateHighlightColors = function (baseCustomProperty, highlightColor) {
     var _a;
@@ -311,7 +408,7 @@ var evaluateHighlightColors = function (baseCustomProperty, highlightColor) {
                     try {
                         customColor = Color(color);
                     }
-                    catch (ex) {
+                    catch (_c) {
                         // eslint-disable-next-line no-console
                         console.warn("Received invalid color for highlight: " + color);
                     }