From da85cd4ad952d7dd33ef23a8b0039f81ebf76809 Mon Sep 17 00:00:00 2001 From: haschek Date: Wed, 12 Aug 2026 15:52:13 +0000 Subject: [PATCH 01/18] Prepare release v26.1.0 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 2e116920..66e33de9 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@eccenca/gui-elements", "description": "GUI elements based on other libraries, usable in React application, written in Typescript.", - "version": "26.0.0", + "version": "26.1.0", "license": "Apache-2.0", "homepage": "https://github.com/eccenca/gui-elements", "bugs": "https://github.com/eccenca/gui-elements/issues", From 47cbefad5e95451678a4fe7a256097598d0e32ec Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Mon, 17 Aug 2026 12:11:27 +0200 Subject: [PATCH 02/18] fis high ecurity issues for js-yaml library --- package.json | 5 ++++- yarn.lock | 23 ++++++++--------------- 2 files changed, 12 insertions(+), 16 deletions(-) diff --git a/package.json b/package.json index 66e33de9..5ab7a743 100644 --- a/package.json +++ b/package.json @@ -185,7 +185,10 @@ "**/lodash": "^4.18.1", "**/minimatch": "^3.1.4", "**/serialize-javascript": "^7.0.5", - "**/ws": "^8.21.0" + "**/ws": "^8.21.0", + "babel-jest/**/js-yaml": "^3.15.1", + "stylelint/**/js-yaml": "^4.3.1", + "@eslint/eslintrc/**/js-yaml": "^4.3.1" }, "husky": { "hooks": { diff --git a/yarn.lock b/yarn.lock index 9d1e1a2a..1d3af839 100644 --- a/yarn.lock +++ b/yarn.lock @@ -8269,25 +8269,18 @@ jest@^30.4.2: resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ== -js-yaml@^3.13.1: - version "3.14.1" - resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537" - integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g== +js-yaml@^3.13.1, js-yaml@^3.15.1: + version "3.15.1" + resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.15.1.tgz#24bc95028f361cdaaa84745b06a109c4486773c0" + integrity sha512-S99WuO3HlhO3XN41EtYUNl9zzXjoJx7QvmipxsJVxtCBT0YHEFy+iOJhjSvrmV12nYhWpZaM8lPHkJm0yUMbag== dependencies: argparse "^1.0.7" esprima "^4.0.0" -js-yaml@^4.1.0: - version "4.1.0" - resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.0.tgz#c1fb65f8f5017901cdd2c951864ba18458a10602" - integrity sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA== - dependencies: - argparse "^2.0.1" - -js-yaml@^4.1.1: - version "4.1.1" - resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.1.tgz#854c292467705b699476e1a2decc0c8a3458806b" - integrity sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA== +js-yaml@^4.1.0, js-yaml@^4.1.1, js-yaml@^4.3.1: + version "4.3.1" + resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.3.1.tgz#01216c001d67f48e2cd560d708c7af21090a3848" + integrity sha512-CY6crGq313MX8GkwvB7tzgp99vjQxY1++5y10/BKN/GUfHqWaOGQMNZkBvqSzsZKWk/ijwHlWzzkLulsGHhjWQ== dependencies: argparse "^2.0.1" From 839984ee4ce8a5243d1f8eaeacccddb249f0a580 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Mon, 17 Aug 2026 12:22:09 +0200 Subject: [PATCH 03/18] fix high ecurity issues for nanoid library --- package.json | 3 ++- yarn.lock | 13 ++++--------- 2 files changed, 6 insertions(+), 10 deletions(-) diff --git a/package.json b/package.json index 5ab7a743..87cd2696 100644 --- a/package.json +++ b/package.json @@ -188,7 +188,8 @@ "**/ws": "^8.21.0", "babel-jest/**/js-yaml": "^3.15.1", "stylelint/**/js-yaml": "^4.3.1", - "@eslint/eslintrc/**/js-yaml": "^4.3.1" + "@eslint/eslintrc/**/js-yaml": "^4.3.1", + "**/nanoid": "^3.3.18" }, "husky": { "hooks": { diff --git a/yarn.lock b/yarn.lock index 1d3af839..81b658ab 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9268,15 +9268,10 @@ n3@^1.26.0: buffer "^6.0.3" readable-stream "^4.0.0" -nanoid@^3.3.11: - version "3.3.11" - resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.11.tgz#4f4f112cefbe303202f2199838128936266d185b" - integrity sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w== - -nanoid@^3.3.12: - version "3.3.12" - resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.12.tgz#ab3d912e217a6d0a514f00a72a16543a28982c05" - integrity sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ== +nanoid@^3.3.11, nanoid@^3.3.12, nanoid@^3.3.18: + version "3.3.18" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.18.tgz#f66a2de1199ffde0fcf21c8a5f13106b1c081913" + integrity sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w== napi-postinstall@^0.3.0: version "0.3.2" From 8bcf4a518511d8556ad0046f2a443348bec7fc42 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Mon, 17 Aug 2026 12:36:39 +0200 Subject: [PATCH 04/18] fix high ecurity issues for fast-uri library --- package.json | 3 ++- yarn.lock | 8 ++++---- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 87cd2696..f793fbe1 100644 --- a/package.json +++ b/package.json @@ -189,7 +189,8 @@ "babel-jest/**/js-yaml": "^3.15.1", "stylelint/**/js-yaml": "^4.3.1", "@eslint/eslintrc/**/js-yaml": "^4.3.1", - "**/nanoid": "^3.3.18" + "**/nanoid": "^3.3.18", + "**/fast-uri": "^3.1.3" }, "husky": { "hooks": { diff --git a/yarn.lock b/yarn.lock index 81b658ab..ebcea458 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6406,10 +6406,10 @@ fast-levenshtein@^2.0.6: resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917" integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw== -fast-uri@^3.0.1: - version "3.1.2" - resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.1.2.tgz#8af3d4fc9d3e71b11572cc2673b514a7d1a8c8ec" - integrity sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ== +fast-uri@^3.0.1, fast-uri@^3.1.3: + version "3.1.5" + resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.1.5.tgz#610f37419a030270430cecd68d74e3d4d96725d0" + integrity sha512-gHwA1O9LDIcKunMKhObS/HimwtehO1nPUECKAu5TpKgaO19fcWEl4bliWe1jWxVFvIXztJjjQ4L8XQ1EU9f7Jw== fastest-levenshtein@^1.0.16: version "1.0.16" From 5e6cb727b264c64469ed80612e6a40128436eb27 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Mon, 17 Aug 2026 12:52:54 +0200 Subject: [PATCH 05/18] fix high security issues for immutable library --- package.json | 3 ++- yarn.lock | 8 ++++---- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index f793fbe1..52808268 100644 --- a/package.json +++ b/package.json @@ -190,7 +190,8 @@ "stylelint/**/js-yaml": "^4.3.1", "@eslint/eslintrc/**/js-yaml": "^4.3.1", "**/nanoid": "^3.3.18", - "**/fast-uri": "^3.1.3" + "**/fast-uri": "^3.1.3", + "sass/**/immutable": "^5.1.8" }, "husky": { "hooks": { diff --git a/yarn.lock b/yarn.lock index ebcea458..1517cb78 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7349,10 +7349,10 @@ ignore@^7.0.5: resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.5.tgz#4cb5f6cd7d4c7ab0365738c7aea888baa6d7efd9" integrity sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg== -immutable@^5.1.5: - version "5.1.5" - resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.1.5.tgz#93ee4db5c2a9ab42a4a783069f3c5d8847d40165" - integrity sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A== +immutable@^5.1.5, immutable@^5.1.8: + version "5.1.9" + resolved "https://registry.yarnpkg.com/immutable/-/immutable-5.1.9.tgz#ac23c3a01992ab665e14ac9ffff298f28cd74a0c" + integrity sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg== import-fresh@^3.2.1, import-fresh@^3.3.0: version "3.3.1" From c0cf88ca920870925b43f09526d057f38bc407f2 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Mon, 17 Aug 2026 13:41:33 +0200 Subject: [PATCH 06/18] fix high security issues for brace-expansion library --- package.json | 3 ++- yarn.lock | 8 ++++---- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/package.json b/package.json index 52808268..1bb0153d 100644 --- a/package.json +++ b/package.json @@ -191,7 +191,8 @@ "@eslint/eslintrc/**/js-yaml": "^4.3.1", "**/nanoid": "^3.3.18", "**/fast-uri": "^3.1.3", - "sass/**/immutable": "^5.1.8" + "sass/**/immutable": "^5.1.8", + "**/brace-expansion": "^1.1.18" }, "husky": { "hooks": { diff --git a/yarn.lock b/yarn.lock index 1517cb78..c8af7f7f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4770,10 +4770,10 @@ boolbase@^1.0.0: resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww== -brace-expansion@^1.1.7: - version "1.1.13" - resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.13.tgz#d37875c01dc9eff988dd49d112a57cb67b54efe6" - integrity sha512-9ZLprWS6EENmhEOpjCYW2c8VkmOvckIJZfkr7rBW6dObmfgJ/L1GpSYW5Hpo9lDz4D1+n0Ckz8rU7FwHDQiG/w== +brace-expansion@^1.1.18, brace-expansion@^1.1.7: + version "1.1.18" + resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.18.tgz#3ce74d89885136be1535341f8c3d4425c29a5cab" + integrity sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw== dependencies: balanced-match "^1.0.0" concat-map "0.0.1" From 5316ec535a514d147e5952b027a3eb16734af786 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Mon, 17 Aug 2026 14:01:24 +0200 Subject: [PATCH 07/18] fix high security issues for postcss library used with stylelint packages --- package.json | 2 ++ yarn.lock | 14 +++++++------- 2 files changed, 9 insertions(+), 7 deletions(-) diff --git a/package.json b/package.json index 1bb0153d..999aedd1 100644 --- a/package.json +++ b/package.json @@ -181,6 +181,8 @@ "resolutions": { "**/@blueprintjs/core": "6.8.1", "node-sass-package-importer/**/postcss": "^8.5.10", + "stylelint-order/**/postcss": "^8.5.12", + "stylelint/**/postcss": "^8.5.18", "hast-util-from-parse5": "8.0.0", "**/lodash": "^4.18.1", "**/minimatch": "^3.1.4", diff --git a/yarn.lock b/yarn.lock index c8af7f7f..f2e5e237 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9268,7 +9268,7 @@ n3@^1.26.0: buffer "^6.0.3" readable-stream "^4.0.0" -nanoid@^3.3.11, nanoid@^3.3.12, nanoid@^3.3.18: +nanoid@^3.3.11, nanoid@^3.3.12, nanoid@^3.3.17, nanoid@^3.3.18: version "3.3.18" resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.18.tgz#f66a2de1199ffde0fcf21c8a5f13106b1c081913" integrity sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w== @@ -9931,7 +9931,7 @@ postcss@^6.0.14, postcss@^8.2.7, postcss@^8.5.10: picocolors "^1.1.1" source-map-js "^1.2.1" -postcss@^8.4.40, postcss@^8.5.13: +postcss@^8.4.40: version "8.5.14" resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.14.tgz#a66c2d7808fadf69ebb5b84a03f8bafd76c4919c" integrity sha512-SoSL4+OSEtR99LHFZQiJLkT59C5B1amGO1NzTwj7TT1qCUgUO6hxOvzkOYxD+vMrXBM3XJIKzokoERdqQq/Zmg== @@ -9940,12 +9940,12 @@ postcss@^8.4.40, postcss@^8.5.13: picocolors "^1.1.1" source-map-js "^1.2.1" -postcss@^8.5.8: - version "8.5.8" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.8.tgz#6230ecc8fb02e7a0f6982e53990937857e13f399" - integrity sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg== +postcss@^8.5.12, postcss@^8.5.13, postcss@^8.5.18, postcss@^8.5.8: + version "8.5.26" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.26.tgz#6e75135780c7e10df3433bf2266c552d35c8c620" + integrity sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ== dependencies: - nanoid "^3.3.11" + nanoid "^3.3.17" picocolors "^1.1.1" source-map-js "^1.2.1" From 1d37cfe7c2bc9eb7dbb84506116ab2a53220c0fb Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Mon, 17 Aug 2026 14:52:27 +0200 Subject: [PATCH 08/18] fix high security issues for postcss library --- package.json | 2 +- yarn.lock | 21 ++++++--------------- 2 files changed, 7 insertions(+), 16 deletions(-) diff --git a/package.json b/package.json index 999aedd1..51c9caa6 100644 --- a/package.json +++ b/package.json @@ -180,7 +180,7 @@ }, "resolutions": { "**/@blueprintjs/core": "6.8.1", - "node-sass-package-importer/**/postcss": "^8.5.10", + "node-sass-package-importer/**/postcss": "^8.5.18", "stylelint-order/**/postcss": "^8.5.12", "stylelint/**/postcss": "^8.5.18", "hast-util-from-parse5": "8.0.0", diff --git a/yarn.lock b/yarn.lock index f2e5e237..c0f579f3 100644 --- a/yarn.lock +++ b/yarn.lock @@ -9268,7 +9268,7 @@ n3@^1.26.0: buffer "^6.0.3" readable-stream "^4.0.0" -nanoid@^3.3.11, nanoid@^3.3.12, nanoid@^3.3.17, nanoid@^3.3.18: +nanoid@^3.3.11, nanoid@^3.3.17, nanoid@^3.3.18: version "3.3.18" resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.18.tgz#f66a2de1199ffde0fcf21c8a5f13106b1c081913" integrity sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w== @@ -9922,12 +9922,12 @@ postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0: resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== -postcss@^6.0.14, postcss@^8.2.7, postcss@^8.5.10: - version "8.5.15" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.15.tgz#d1eaf677a324e9ec02196da2d3fecf4a0b9a735c" - integrity sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A== +postcss@^6.0.14, postcss@^8.2.7, postcss@^8.5.12, postcss@^8.5.13, postcss@^8.5.18, postcss@^8.5.8: + version "8.5.26" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.26.tgz#6e75135780c7e10df3433bf2266c552d35c8c620" + integrity sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ== dependencies: - nanoid "^3.3.12" + nanoid "^3.3.17" picocolors "^1.1.1" source-map-js "^1.2.1" @@ -9940,15 +9940,6 @@ postcss@^8.4.40: picocolors "^1.1.1" source-map-js "^1.2.1" -postcss@^8.5.12, postcss@^8.5.13, postcss@^8.5.18, postcss@^8.5.8: - version "8.5.26" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.26.tgz#6e75135780c7e10df3433bf2266c552d35c8c620" - integrity sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ== - dependencies: - nanoid "^3.3.17" - picocolors "^1.1.1" - source-map-js "^1.2.1" - prelude-ls@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" From 96138955ffa851b09a61752d67be9e8ff021348f Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Tue, 18 Aug 2026 15:10:14 +0200 Subject: [PATCH 09/18] fix runtime arror and classname issue --- .../react-flow/handles/HandleDefault.tsx | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/src/extensions/react-flow/handles/HandleDefault.tsx b/src/extensions/react-flow/handles/HandleDefault.tsx index 2cf4903f..1632459d 100644 --- a/src/extensions/react-flow/handles/HandleDefault.tsx +++ b/src/extensions/react-flow/handles/HandleDefault.tsx @@ -3,7 +3,7 @@ import { Handle as HandleV9, HandleProps as ReactFlowHandleV9Props } from "react import { Classes as BlueprintClasses } from "@blueprintjs/core"; import { Handle as HandleV12, HandleProps as ReactFlowHandleV12Props } from "@xyflow/react"; -import { intentClassName, IntentTypes, IntentBlueprint } from "../../../common/Intent"; +import { IntentBlueprint, intentClassName, IntentTypes } from "../../../common/Intent"; import { TooltipProps } from "../../../components"; import { CLASSPREFIX as eccgui } from "../../../configuration/constants"; import { ReacFlowVersionSupportProps, useReactFlowVersion } from "../versionsupport"; @@ -105,14 +105,14 @@ export const HandleDefault = memo( () => ({ ...handleProps, ...tooltipTitle, - className: intent - ? `${intentClassName(intent)} ` - : "" + ` ${eccgui}-graphviz__handle ${eccgui}-graphviz__handle--${flowVersionCheck}`, + className: + `${eccgui}-graphviz__handle ${eccgui}-graphviz__handle--${flowVersionCheck}` + + (intent ? ` ${intentClassName(intent)}` : ""), onClick: (e: React.MouseEvent) => { if (handleProps.onClick) { handleProps.onClick(e); } - if (toolsTarget.length > 0 && e.currentTarget === handleDefaultRef.current) { + if (toolsTarget && toolsTarget.length > 0 && e.currentTarget === handleDefaultRef.current) { setExtendedTooltipDisplayed(false); (toolsTarget[0] as HTMLElement).click(); } @@ -129,7 +129,11 @@ export const HandleDefault = memo( }, onMouseLeave: () => { if (switchTooltipTimerOn) clearTimeout(switchTooltipTimerOn); - if (toolsTarget.length > 0 && toolsTarget[0].classList.contains(BlueprintClasses.POPOVER_OPEN)) { + if ( + toolsTarget && + toolsTarget.length > 0 && + toolsTarget[0].classList.contains(BlueprintClasses.POPOVER_OPEN) + ) { switchToolsTimerOff = setTimeout(() => (toolsTarget[0] as HTMLElement).click(), 500); } setExtendedTooltipDisplayed(false); From aa8ac367c19e702aba304297d630c971380d2081 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Tue, 18 Aug 2026 16:44:33 +0200 Subject: [PATCH 10/18] improve fix for pre/code markup in tooltip content for inline code --- src/components/Tooltip/Tooltip.stories.tsx | 10 +++++++++- src/components/Tooltip/tooltip.scss | 15 +++++++-------- 2 files changed, 16 insertions(+), 9 deletions(-) diff --git a/src/components/Tooltip/Tooltip.stories.tsx b/src/components/Tooltip/Tooltip.stories.tsx index a7baf014..cd545495 100644 --- a/src/components/Tooltip/Tooltip.stories.tsx +++ b/src/components/Tooltip/Tooltip.stories.tsx @@ -47,5 +47,13 @@ Default.args = { export const MarkdownSupport = Template.bind({}); MarkdownSupport.args = { ...Default.args, - content: "### This is a headline" + "\n\n```\nblockcode\n" + testContent + "\n```\n\n" + testContent, + content: + "### This is a headline" + + "\n\n```\nblockcode\n" + + testContent + + "\n```\n\n" + + testContent + + " `" + + testContent + + "`", }; diff --git a/src/components/Tooltip/tooltip.scss b/src/components/Tooltip/tooltip.scss index d7805bcd..3398dd20 100644 --- a/src/components/Tooltip/tooltip.scss +++ b/src/components/Tooltip/tooltip.scss @@ -38,7 +38,6 @@ $tooltip-padding-horizontal: $eccgui-size-block-whitespace * 0.5; // !default; } .#{$eccgui}-tooltip__content { - a { color: inherit; text-decoration: none; @@ -46,18 +45,18 @@ $tooltip-padding-horizontal: $eccgui-size-block-whitespace * 0.5; // !default; pre, .#{$eccgui}-typography__contentblock pre, - pre.#{$eccgui}-typography__text { + pre.#{$eccgui}-typography__text, + code, + .#{$eccgui}-typography__contentblock code, + code.#{$eccgui}-typography__text { background-color: eccgui-color-mix( eccgui-color-var("identity", "background", "900") 100% * $eccgui-opacity-ghostly, transparent ); - } - pre code, - .#{$eccgui}-typography__contentblock pre code, - pre.#{$eccgui}-typography__text code { - background-color: transparent; - color: inherit; + code { + background-color: transparent; + } } } From 1c475ae985517c774d19835fdb21da55e566c528 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Tue, 18 Aug 2026 18:05:54 +0200 Subject: [PATCH 11/18] fix name of breakpoint variable --- .../PropertyValuePair/propertyvalue.scss | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/src/components/PropertyValuePair/propertyvalue.scss b/src/components/PropertyValuePair/propertyvalue.scss index 7031b8e6..4e289259 100644 --- a/src/components/PropertyValuePair/propertyvalue.scss +++ b/src/components/PropertyValuePair/propertyvalue.scss @@ -1,6 +1,6 @@ @use "sass:math"; -$eccgui-pagination-size-column-breakpoint-small: 20rem; +$eccgui-propertyvalue-size-column-breakpoint-small: 20rem !default; .#{$eccgui}-propertyvalue__list { display: block; @@ -35,17 +35,17 @@ $eccgui-pagination-size-column-breakpoint-small: 20rem; .#{$eccgui}-propertyvalue__property, .#{$eccgui}-propertyvalue__value { + position: relative; display: flex; flex-direction: column; justify-content: center; - position: relative; :not(.#{$eccgui}-propertyvalue__pair--singlecolumn) > & { - @container eccgui-propertyvalue-pair (width >= #{$eccgui-pagination-size-column-breakpoint-small}) { + @container eccgui-propertyvalue-pair (width >= #{$eccgui-propertyvalue-size-column-breakpoint-small}) { min-height: $eccgui-size-textfield-height-regular; } - @container eccgui-propertyvalue-pair (width < #{$eccgui-pagination-size-column-breakpoint-small}) { + @container eccgui-propertyvalue-pair (width < #{$eccgui-propertyvalue-size-column-breakpoint-small}) { &.#{$eccgui}-propertyvalue__value { margin-bottom: $eccgui-size-inline-whitespace * 0.5; } @@ -55,11 +55,11 @@ $eccgui-pagination-size-column-breakpoint-small: 20rem; .#{$eccgui}-propertyvalue__property { :not(.#{$eccgui}-propertyvalue__pair--singlecolumn) > & { - @container eccgui-propertyvalue-pair (width >= #{$eccgui-pagination-size-column-breakpoint-small}) { + @container eccgui-propertyvalue-pair (width >= #{$eccgui-propertyvalue-size-column-breakpoint-small}) { + bottom: -1px; float: left; width: math.div(3, 16) * 100%; overflow: hidden; - bottom: -1px; & > div { margin-right: $eccgui-size-block-whitespace; @@ -83,7 +83,7 @@ $eccgui-pagination-size-column-breakpoint-small: 20rem; } .#{$eccgui}-label__tooltip, - .#{$eccgui}-label__other{ + .#{$eccgui}-label__other { position: relative; bottom: -1px; } @@ -94,7 +94,7 @@ $eccgui-pagination-size-column-breakpoint-small: 20rem; box-sizing: content-box; :not(.#{$eccgui}-propertyvalue__pair--singlecolumn) > & { - @container eccgui-propertyvalue-pair (width >= #{$eccgui-pagination-size-column-breakpoint-small}) { + @container eccgui-propertyvalue-pair (width >= #{$eccgui-propertyvalue-size-column-breakpoint-small}) { margin-left: math.div(3, 16) * 100%; } } @@ -112,7 +112,7 @@ $eccgui-pagination-size-column-breakpoint-small: 20rem; .#{$eccgui}-propertyvalue__property--small { :not(.#{$eccgui}-propertyvalue__pair--singlecolumn) > & { - @container eccgui-propertyvalue-pair (width >= #{$eccgui-pagination-size-column-breakpoint-small}) { + @container eccgui-propertyvalue-pair (width >= #{$eccgui-propertyvalue-size-column-breakpoint-small}) { width: math.div(2, 16) * 100%; & + .#{$eccgui}-propertyvalue__value { @@ -124,7 +124,7 @@ $eccgui-pagination-size-column-breakpoint-small: 20rem; .#{$eccgui}-propertyvalue__property--large { :not(.#{$eccgui}-propertyvalue__pair--singlecolumn) > & { - @container eccgui-propertyvalue-pair (width >= #{$eccgui-pagination-size-column-breakpoint-small}) { + @container eccgui-propertyvalue-pair (width >= #{$eccgui-propertyvalue-size-column-breakpoint-small}) { width: math.div(5, 16) * 100%; & + .#{$eccgui}-propertyvalue__value { From db2be5da98ef6fde2f293745943a54b34d1a675d Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Tue, 18 Aug 2026 18:18:36 +0200 Subject: [PATCH 12/18] fix story to demonstrate orginal change --- .../PropertyValuePair/stories/PropertyName.stories.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/PropertyValuePair/stories/PropertyName.stories.tsx b/src/components/PropertyValuePair/stories/PropertyName.stories.tsx index 20c36819..28a27e0b 100644 --- a/src/components/PropertyValuePair/stories/PropertyName.stories.tsx +++ b/src/components/PropertyValuePair/stories/PropertyName.stories.tsx @@ -17,6 +17,7 @@ const Template: StoryFn = (args) => Date: Wed, 19 Aug 2026 10:42:28 +0200 Subject: [PATCH 13/18] improve changelog --- CHANGELOG.md | 23 ++++++++++++++--------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index c6424fba..5ceda7e5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -8,18 +8,23 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p ### Changed -- ``: - - `shouldHaveMinimalSetup`: Even if set to false, the edit history feature will still be explicitly enabled. -- ``: - - column display is only enabled if the container is large enough, this way property name containers do not get to small +- `` + - `shouldHaveMinimalSetup`: even if set to `false`, the edit history feature is still enabled explicitly +- `` + - the two-column display is only used if the container is wide enough, this way property name columns do not get too small + - in narrower containers, property name and value are displayed as stacked rows + - make the breakpoint configurable via SCSS (`$eccgui-propertyvalue-size-column-breakpoint-small`) ### Fixed -- ``: - - Code markup inside tooltips was hardly readable because of low contrast. -- ``: - - fix width if it contains a label with `OverflowText` children - - tooltip is displayed correctly inside the container +- `` + - inline `code` markup was hardly readable because of low contrast +- `` + - fix width if it contains a `