npm - @eeacms/volto-eea-design-system - Versions diffs - 1.50.2 → 1.60.1 - Mend

@eeacms/volto-eea-design-system 1.50.2 → 1.60.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/CHANGELOG.md +58 -0
package/README.md +4 -0
package/package.json +1 -1
package/src/ui/Header/Header.jsx +8 -1
package/src/ui/Header/Header.stories.test.js +11 -3
package/src/ui/Header/Header.test.jsx +55 -32
package/src/ui/Header/HeaderSearchPopUp.js +83 -24
package/src/ui/Header/HeaderSearchPopUp.test.js +119 -98
package/theme/themes/eea/assets/images/Header/ai-search.svg +6 -5

package/CHANGELOG.md CHANGED Viewed

@@ -4,6 +4,28 @@ All notable changes to this project will be documented in this file. Dates are d
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
+### [1.60.1](https://github.com/eea/volto-eea-design-system/compare/1.60.0...1.60.1) - 17 April 2026
+#### :hammer_and_wrench: Others
+- filter header search box settings by path [Miu Razvan - [`4d752c6`](https://github.com/eea/volto-eea-design-system/commit/4d752c6f589cb0ccf49885a3b3a02fdf3875fb72)]
+### [1.60.0](https://github.com/eea/volto-eea-design-system/compare/1.50.2...1.60.0) - 17 April 2026
+#### :house: Documentation changes
+- docs: Update README [Alin Voinea - [`06e6ce7`](https://github.com/eea/volto-eea-design-system/commit/06e6ce7553bb50dea0d000f990f19c568e658b9f)]
+#### :hammer_and_wrench: Others
+- update readme [Miu Razvan - [`268086f`](https://github.com/eea/volto-eea-design-system/commit/268086fa17f9f68283dc7528ddbcd71105b676da)]
+- Release 1.60.0 [Alin Voinea - [`c74e3ac`](https://github.com/eea/volto-eea-design-system/commit/c74e3acb79cce153067984a234401e3d16ac0b05)]
+- update version [Miu Razvan - [`5753c9f`](https://github.com/eea/volto-eea-design-system/commit/5753c9f98c80a8699889a55a3fe1abecf3853b77)]
+- fix tests [Miu Razvan - [`32b5e42`](https://github.com/eea/volto-eea-design-system/commit/32b5e42c6f458f7391f930165852700daa758790)]
+- fix tests [Miu Razvan - [`dca166a`](https://github.com/eea/volto-eea-design-system/commit/dca166aa44a9bc3c123a17e78333b850ef401fb6)]
+- fix tests [Miu Razvan - [`0e876ca`](https://github.com/eea/volto-eea-design-system/commit/0e876caf4e172b84dfbc30a16c58009ee4481d94)]
+- fix tests [Miu Razvan - [`86f657a`](https://github.com/eea/volto-eea-design-system/commit/86f657a70a357a412257e9d8cb63f9050ca718e4)]
+- Make use of eea_settings [Miu Razvan - [`78ab3c5`](https://github.com/eea/volto-eea-design-system/commit/78ab3c59a4a7232b09812b3967ddd2b93cdd7fad)]
+- Bump version + add upgrade step [Miu Razvan - [`a1dbbd5`](https://github.com/eea/volto-eea-design-system/commit/a1dbbd557f66174f05ce87ed21073aecefa1f507)]
 ### [1.50.2](https://github.com/eea/volto-eea-design-system/compare/1.50.1...1.50.2) - 9 April 2026
 #### :bug: Bug Fixes
@@ -31,6 +53,8 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :house: Internal changes
+- chore: [JENKINSFILE] add package version in sonarqube [valentinab25 - [`a2500ee`](https://github.com/eea/volto-eea-design-system/commit/a2500ee91c3d926183403b7e55ef717f697eb736)]
+- chore: [JENKINSFILE] use sonarqube branches [EEA Jenkins - [`79058be`](https://github.com/eea/volto-eea-design-system/commit/79058be6ad228970127ee388bbc78ad69b92465b)]
 #### :hammer_and_wrench: Others
@@ -67,6 +91,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 - add rule for eeacms/countup to jest-config.js [David Ichim - [`59244c2`](https://github.com/eea/volto-eea-design-system/commit/59244c2e85447766e9e2a051e080652d93f67458)]
+- Add Sonarqube tag using bise-frontend addons list [EEA Jenkins - [`314266b`](https://github.com/eea/volto-eea-design-system/commit/314266bd8131b8ade427f23f81a084714f0104af)]
 ### [1.40.0](https://github.com/eea/volto-eea-design-system/compare/1.39.1...1.40.0) - 4 November 2025
 ### [1.39.1](https://github.com/eea/volto-eea-design-system/compare/1.39.0...1.39.1) - 22 September 2025
@@ -142,8 +167,10 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
+- Add Sonarqube tag using fise-frontend addons list [EEA Jenkins - [`d3a993f`](https://github.com/eea/volto-eea-design-system/commit/d3a993f7c9f687d709e1c8bc48b4972aca7a161e)]
 - Fix with sed the issue from line 714 missing } [David Ichim - [`e4e10a0`](https://github.com/eea/volto-eea-design-system/commit/e4e10a0a8a82c1fa20dcff9fa8178a6a938a7fd5)]
 - Fixed link for don't use more than six colors [David Ichim - [`f42c698`](https://github.com/eea/volto-eea-design-system/commit/f42c69895258291ef72c0299e348f5671b2c127b)]
+- Add Sonarqube tag using ied-frontend addons list [EEA Jenkins - [`a8fa4e1`](https://github.com/eea/volto-eea-design-system/commit/a8fa4e157f6351939fd6ee126f733efc1adf6dfe)]
 - lint fix [David Ichim - [`5d4d60a`](https://github.com/eea/volto-eea-design-system/commit/5d4d60ac305b8694fec64a9cce625a1015e8486f)]
 ### [1.36.3](https://github.com/eea/volto-eea-design-system/compare/1.36.2...1.36.3) - 4 March 2025
@@ -177,6 +204,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 - Update package.json [Ichim David - [`40ae6a7`](https://github.com/eea/volto-eea-design-system/commit/40ae6a70377c54256f7365a12bded4e25b0c322e)]
+- Add Sonarqube tag using bise-frontend addons list [EEA Jenkins - [`b433236`](https://github.com/eea/volto-eea-design-system/commit/b433236f3e264304c86082281da90384da7ab0ff)]
 ### [1.34.1](https://github.com/eea/volto-eea-design-system/compare/1.34.0...1.34.1) - 14 October 2024
 ### [1.34.0](https://github.com/eea/volto-eea-design-system/compare/1.33.1...1.34.0) - 11 October 2024
@@ -258,6 +286,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
+- Add Sonarqube tag using marine-frontend addons list [EEA Jenkins - [`dfa1d1b`](https://github.com/eea/volto-eea-design-system/commit/dfa1d1bd53ae63b20aa0ef64c37bf71faf376290)]
 ### [1.31.0](https://github.com/eea/volto-eea-design-system/compare/1.23.8...1.31.0) - 22 May 2024
 #### :boom: Breaking Change
@@ -286,6 +315,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
+- Add Sonarqube tag using insitu-frontend addons list [EEA Jenkins - [`2ccf437`](https://github.com/eea/volto-eea-design-system/commit/2ccf4372f93d56ce3cc8bfd66de5c9fbb2698cf4)]
 ### [1.23.5](https://github.com/eea/volto-eea-design-system/compare/1.23.4...1.23.5) - 5 April 2024
 #### :nail_care: Enhancements
@@ -321,6 +351,8 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Update package.json version to 1.23.0 [David Ichim - [`4b2eeee`](https://github.com/eea/volto-eea-design-system/commit/4b2eeee398b771ac80111e1755f67273c8940ced)]
 - fixed merge conflict [David Ichim - [`efe0f4b`](https://github.com/eea/volto-eea-design-system/commit/efe0f4b7df1782f5143e1bee31c997801427d35c)]
 - Update react-slick version to 0.30.1 [David Ichim - [`62d4570`](https://github.com/eea/volto-eea-design-system/commit/62d457014866fc075a3203fd0f9e66354aa73fe5)]
+- Add Sonarqube tag using freshwater-frontend addons list [EEA Jenkins - [`c6c74f0`](https://github.com/eea/volto-eea-design-system/commit/c6c74f049ee787632b8ad0ec0f28531ac4d0f20f)]
+- Add Sonarqube tag using insitu-frontend addons list [EEA Jenkins - [`d3d7793`](https://github.com/eea/volto-eea-design-system/commit/d3d779363caa10f384d829a7e4242c5d54268099)]
 ### [1.23.0](https://github.com/eea/volto-eea-design-system/compare/1.22.7...1.23.0) - 19 February 2024
 ### [1.22.7](https://github.com/eea/volto-eea-design-system/compare/1.22.6...1.22.7) - 22 January 2024
@@ -406,7 +438,11 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Add dropdown test case to Header component [David Ichim - [`9ea3234`](https://github.com/eea/volto-eea-design-system/commit/9ea3234c2c0f1c819c7c2b54a75c56cda7812c56)]
 - Remove unused import in Header.test.jsx [David Ichim - [`082069e`](https://github.com/eea/volto-eea-design-system/commit/082069e1f057786e0f1fb00c98d54b8e03b5d9c5)]
 - Added some tests for TopDropdownMenu mobile and dropdown interaction [David Ichim - [`9d24488`](https://github.com/eea/volto-eea-design-system/commit/9d24488c1e97b2b1b14bd9bd8cb6f5b68414794b)]
+- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`eadf018`](https://github.com/eea/volto-eea-design-system/commit/eadf018aa1f32d310619ce4ef08f9b11950a20dc)]
 - Lint fix [David Ichim - [`e29fd50`](https://github.com/eea/volto-eea-design-system/commit/e29fd50ee73477007dcf94a268596e6c11176d7b)]
+- test: [JENKINS] Add cpu limit on cypress docker [valentinab25 - [`947cb92`](https://github.com/eea/volto-eea-design-system/commit/947cb929c01ebb6f46bf124833fe1fec0f385edb)]
+- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`8356dfe`](https://github.com/eea/volto-eea-design-system/commit/8356dfe929039dcd165af0692cbbfc771a0f7fb4)]
+- test: [JENKINS] Improve cypress time [valentinab25 - [`e38f17e`](https://github.com/eea/volto-eea-design-system/commit/e38f17ed735e743e59df7d06ca723c1218bdb569)]
 ### [1.20.0](https://github.com/eea/volto-eea-design-system/compare/1.19.0...1.20.0) - 2 November 2023
 #### :rocket: New Features
@@ -439,6 +475,9 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :house: Internal changes
+- chore: [JENKINS] do not run tests on PR comments [valentinab25 - [`51b68fc`](https://github.com/eea/volto-eea-design-system/commit/51b68fc76a956996e01521b784262c67e7094d35)]
+- chore: [JENKINS] add comment step [valentinab25 - [`5022758`](https://github.com/eea/volto-eea-design-system/commit/50227587db2c72d17e26e7b66f28d4c09b760873)]
+- chore: [JENKINS] Refactor automated testing [valentinab25 - [`a70ca64`](https://github.com/eea/volto-eea-design-system/commit/a70ca642918f578d6737d975e4769bac8312f48d)]
 - chore: husky, lint-staged use fixed versions [valentinab25 - [`59ecb8e`](https://github.com/eea/volto-eea-design-system/commit/59ecb8e28b259472303324f9655b0cbbcbbf9c23)]
 #### :hammer_and_wrench: Others
@@ -564,6 +603,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
+- test: Fix eslint and yarn i18n [Alin Voinea - [`331149f`](https://github.com/eea/volto-eea-design-system/commit/331149f5eb16a9cc6f2d996f7b793909773063c2)]
 - i18n: Add en [Alin Voinea - [`4584295`](https://github.com/eea/volto-eea-design-system/commit/458429530d993c27cfb962ddfe2f376f3568bf01)]
 - Release 1.17.0 [Alin Voinea - [`e3c25ee`](https://github.com/eea/volto-eea-design-system/commit/e3c25eeeca5e863244faae396b5aa915d0702633)]
 - test: add unit tests for DS components - refs #254313 [ana-oprea - [`0c4d4d1`](https://github.com/eea/volto-eea-design-system/commit/0c4d4d118b8e13082c576dc5c2dce6a715f49006)]
@@ -673,6 +713,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 - Release 1.14.0 [Alin Voinea - [`cb9084f`](https://github.com/eea/volto-eea-design-system/commit/cb9084fb2246dc1b729e12a419a26daa12c26f7a)]
+- test: [JENKINS] set pipe fail [valentinab25 - [`1cdfc39`](https://github.com/eea/volto-eea-design-system/commit/1cdfc39d08f1ae301dea57f1e4be5265c4a4c6f9)]
 - test: try storybook upload [valentinab25 - [`6d5833d`](https://github.com/eea/volto-eea-design-system/commit/6d5833d4419d00f1ac04c9eb78a0884214f9a494)]
 - test: remove useless code [valentinab25 - [`2c14b0c`](https://github.com/eea/volto-eea-design-system/commit/2c14b0ce4596cfc11a81b9762677596d1861acfe)]
 ### [1.13.2](https://github.com/eea/volto-eea-design-system/compare/1.13.1...1.13.2) - 13 June 2023
@@ -711,6 +752,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :house: Internal changes
+- chore: [JENKINS] Deprecate circularity website [valentinab25 - [`fb2b166`](https://github.com/eea/volto-eea-design-system/commit/fb2b166d64f95a1c183901abfe0fe0254d1bbc7a)]
 #### :house: Documentation changes
@@ -1044,6 +1086,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Release 1.0.0-beta.5 [Alin Voinea - [`e4417e1`](https://github.com/eea/volto-eea-design-system/commit/e4417e121477511c350ae3fbe4e70aadb445ed86)]
 - better useOnScreen hook [Andrei Grigore - [`c214b6b`](https://github.com/eea/volto-eea-design-system/commit/c214b6b76443f81c795ce2f3aa457562ec088b30)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`b227cf8`](https://github.com/eea/volto-eea-design-system/commit/b227cf8a8c44b9d91e9fda8a7999fb0a42bacdca)]
 - feature(mobile): increased performance by lazy loading footer images #303 from eea/increase_performance [ichim-david - [`80d1df1`](https://github.com/eea/volto-eea-design-system/commit/80d1df1c459680331d486f9e8e6a95c9db0adbf6)]
 - prettier [David Ichim - [`a7f8384`](https://github.com/eea/volto-eea-design-system/commit/a7f838470c1bcc4e2be115d514d92a1b686a5e9b)]
 - fixed less build failure due to changes in footer.less [David Ichim - [`190bc8c`](https://github.com/eea/volto-eea-design-system/commit/190bc8cfa88191b45808f1e27c6e2737ee3d15b1)]
@@ -1114,6 +1157,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :house: Internal changes
+- chore(docusaurus): ignore website/.yarn [Giorgos Stamatis - [`0b33ffd`](https://github.com/eea/volto-eea-design-system/commit/0b33ffd1dda61b126e3cc5ff48888124d6aee41b)]
 - style(header): react syntax fix [Antonis Tarantilis - [`3add127`](https://github.com/eea/volto-eea-design-system/commit/3add1271c785a92bea0ef925d7bc562cef1e0d92)]
 #### :house: Documentation changes
@@ -1310,6 +1354,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Release 1.0.0-alpha.10 [Alin Voinea - [`7014d08`](https://github.com/eea/volto-eea-design-system/commit/7014d080ce114bd0bc039abeecbd7229333b0971)]
 - Add variable definitions [kreafox - [`293fe65`](https://github.com/eea/volto-eea-design-system/commit/293fe65e2f24e6290e1286229169a77f9be4750e)]
+- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`ef58a6f`](https://github.com/eea/volto-eea-design-system/commit/ef58a6f5ad8deea26b1395a86778fe1159b7617b)]
 - Back to dev [Alin Voinea - [`31d4616`](https://github.com/eea/volto-eea-design-system/commit/31d461662b9184a7bbe190e86f3c47fab39229fe)]
 ### [1.0.0-alpha.9](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.8...1.0.0-alpha.9) - 28 December 2022
@@ -1367,6 +1412,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - bump package version [David Ichim - [`b4628be`](https://github.com/eea/volto-eea-design-system/commit/b4628bed134abc76e38a243d4e98143e19cef989)]
 - feature(docusaurus, storybook): logos selection for sites plus inverted options #253 from eea/doc-logo-page [ichim-david - [`dbfc90d`](https://github.com/eea/volto-eea-design-system/commit/dbfc90d035dc40e9d4054347f00fde4de486d63d)]
 - (feat): Add ability to disable the language select from website top menu  - refs #158616 [dobri1408 - [`411c8e4`](https://github.com/eea/volto-eea-design-system/commit/411c8e4afaf0b2b9edfdeeecdca22aa4cc41f329)]
+- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`c4769e9`](https://github.com/eea/volto-eea-design-system/commit/c4769e987d525f5dcafac8e6cf8a89fd8111667d)]
 - test(Jenkins): Run tests and cypress with latest canary @plone/volto [Alin Voinea - [`92feea0`](https://github.com/eea/volto-eea-design-system/commit/92feea09796c9ef0530f65fa1d34139905133215)]
 - Proof reading page header section [ichim-david - [`230239e`](https://github.com/eea/volto-eea-design-system/commit/230239e1b22734fb8606656985bc5e513731e244)]
 ### [1.0.0-alpha.7](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.6...1.0.0-alpha.7) - 16 December 2022
@@ -1398,6 +1444,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 - Release 1.0.0-alpha.7 [Alin Voinea - [`7e66bcc`](https://github.com/eea/volto-eea-design-system/commit/7e66bcc296b389bc55073e7f99681534977dce3a)]
+- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`ce47e9b`](https://github.com/eea/volto-eea-design-system/commit/ce47e9b163bcb4eda988e3a87718b54ffbd3f99f)]
 - added back descriptionDistance variable until package release [David Ichim - [`3af811a`](https://github.com/eea/volto-eea-design-system/commit/3af811a8d86a132e16de118697ba5a4302a8a4da)]
 - Back to dev [Alin Voinea - [`cb531c9`](https://github.com/eea/volto-eea-design-system/commit/cb531c933c907bdbb88c9de0f1df2eb7ce899a4c)]
 - Proper paths if the package is not installed, but in development [Tiberiu Ichim - [`7a2655f`](https://github.com/eea/volto-eea-design-system/commit/7a2655f7cf9d3c687f172eefcf2b4cff4b12f832)]
@@ -1485,6 +1532,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 - feature(Docusaurus): Updates on color palette information including thematic websites #231 from eea/refactor-docusaurus [ichim-david - [`ec7843d`](https://github.com/eea/volto-eea-design-system/commit/ec7843dea07f626dc1c71ae1baa8bb5b0caa52f3)]
+- Upgrade Jenkinsfile storybook to yarn 3 [Alin Voinea - [`d20de8d`](https://github.com/eea/volto-eea-design-system/commit/d20de8d6e21a14660b7b5125a80218a8a6f19e62)]
 - Back to dev [Alin Voinea - [`563fbc5`](https://github.com/eea/volto-eea-design-system/commit/563fbc5fac0d4b0295690d0a3a4e04271753f18a)]
 - perf(docusaurus): added remixicon and roboto locally [Giorgos Stamatis - [`b67b1a7`](https://github.com/eea/volto-eea-design-system/commit/b67b1a72bc9cdc7c62a25967e81b430f8b62d558)]
 ### [1.0.0-alpha.4](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.3...1.0.0-alpha.4) - 22 November 2022
@@ -1577,6 +1625,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - modified left value of full width classes with toolbars [David Ichim - [`70d82d4`](https://github.com/eea/volto-eea-design-system/commit/70d82d47fbc2c00a3a709de0d5c087c8443a1eae)]
 - WIP settings column grid width when using full size class [David Ichim - [`affc7ac`](https://github.com/eea/volto-eea-design-system/commit/affc7ac99527aa92d5a192d90dc8c9ec46a66404)]
 - fix eslint [Miu Razvan - [`30c52e4`](https://github.com/eea/volto-eea-design-system/commit/30c52e4eb443555ca44c1b35df064e73d52c0a8b)]
+- Add Sonarqube tag using circularity-frontend addons list [EEA Jenkins - [`76a41c7`](https://github.com/eea/volto-eea-design-system/commit/76a41c786995fd54afe4d1c345de939f683ffa70)]
 - fix broken variable call for contentBox.variables introduced in previous commit by mistake [David Ichim - [`d249c11`](https://github.com/eea/volto-eea-design-system/commit/d249c1160d19bedb174a2fde3fdab48d9ce297d4)]
 - clean up [Miu Razvan - [`89f3cb3`](https://github.com/eea/volto-eea-design-system/commit/89f3cb33d70a14806a953f0acd1807e94169ee5c)]
 - Feature(container): flexible container size #260 from eea/feature-flexible-container [ichim-david - [`8f84c5b`](https://github.com/eea/volto-eea-design-system/commit/8f84c5b67afe9cbe01b2a44a8f92a9a554e1036a)]
@@ -1678,6 +1727,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :nail_care: Enhancements
+- change(jenkins): added yarn policy for storybook building [ichim-david - [`3d1b844`](https://github.com/eea/volto-eea-design-system/commit/3d1b844efeea40b99c00c9aa97089e0a0be58a57)]
 - change(docusaurus): typography updates [ichim-david - [`60a93a4`](https://github.com/eea/volto-eea-design-system/commit/60a93a4aece4e478ae13c2dfe697fd3703aa178a)]
 - change(accordion): allow customization of accordion title with css variables [David Ichim - [`15e7d27`](https://github.com/eea/volto-eea-design-system/commit/15e7d27f02c640df582f51a51ef36e645723f842)]
 - change(content-box): added css variables that will set text color and background for children [David Ichim - [`86cac53`](https://github.com/eea/volto-eea-design-system/commit/86cac531cc94386b6022e1be80dba826b39f2443)]
@@ -1712,6 +1762,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 - Merge pull request #243 from eea/develop [ichim-david - [`576564c`](https://github.com/eea/volto-eea-design-system/commit/576564ce395ee6ac9e74bcb19d5c4f0b4cd3c33b)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`4a5be6e`](https://github.com/eea/volto-eea-design-system/commit/4a5be6eec78dae230626e61ea2c77e7f3c62510d)]
 - Back to dev [Alin Voinea - [`b251255`](https://github.com/eea/volto-eea-design-system/commit/b251255a7ed14d8290717726d86eaf54b87aa2d4)]
 ### [0.9.0](https://github.com/eea/volto-eea-design-system/compare/0.8.1...0.9.0) - 19 September 2022
@@ -2467,6 +2518,10 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 - prettier changes [David Ichim - [`134da52`](https://github.com/eea/volto-eea-design-system/commit/134da52549b9d5eac5a12b7ad3005073500ac2c4)]
+- [JENKINSFILE] remove debug, add error per stage [valentinab25 - [`903eecd`](https://github.com/eea/volto-eea-design-system/commit/903eecdb6bcbb8d73cff5e447d80c85e2a2c906d)]
+- [JENKINSFILE] mention comment author in comment [valentinab25 - [`39a26aa`](https://github.com/eea/volto-eea-design-system/commit/39a26aa1ff0f35e93e8df9f442c29c5ab79ff493)]
+- [JENKINSFILE] format PR comments [valentinab25 - [`739438c`](https://github.com/eea/volto-eea-design-system/commit/739438c64950c745d630d1998314a2bed595b23a)]
+- [JENKINSFILE] Add failure comment, no jenkins fail [valentinab25 - [`c325bf1`](https://github.com/eea/volto-eea-design-system/commit/c325bf14f3fb0da150f2a56cda0a9f03d8d8a628)]
 ### [0.2.3](https://github.com/eea/volto-eea-design-system/compare/0.2.2...0.2.3) - 29 April 2022
 #### :rocket: New Features
@@ -2891,6 +2946,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - set profile section overflow to auto [nileshgulia1 - [`71ab47f`](https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393)]
 - remove segment custom width [nileshgulia1 - [`1d3ea40`](https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16)]
 - fix profile section css overflow [nileshgulia1 - [`db5126f`](https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`647a6e3`](https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f)]
 - fix warning related to proptype [nileshgulia1 - [`946c6c6`](https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c)]
 - removed override already present in card.less [ichim-david - [`50d2ab2`](https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69)]
 - update [Miu Razvan - [`bbcab87`](https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316)]
@@ -2977,6 +3033,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - remove segment custom width [nileshgulia1 - [`4a60d84`](https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7)]
 - Reformat header.less [Tiberiu Ichim - [`1f99dfc`](https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69)]
 - fix profile section css overflow [nileshgulia1 - [`8fd2654`](https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`6051724`](https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0)]
 - fix warning related to proptype [nileshgulia1 - [`824b9be`](https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723)]
 - refactor breadcrumbs component, make it functional and customizable [nileshgulia1 - [`4ec374e`](https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0)]
 - removed override already present in card.less [ichim-david - [`93c4e5a`](https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc)]
@@ -3545,6 +3602,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Refs #142010 - Optimize Volto-addons gitflow pipelines [valentinab25 - [`3af46d2`](https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d)]
 - Refs #140454  updated eea-design-system readme with extra info on package contents [David Ichim - [`d2efc3d`](https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780)]
 - Refs #140454 add h1 to the list of elements that are max 800px and centered [David Ichim - [`7d3c30f`](https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e)]
+- Add Sonarqube tag using ims-frontend addons list [EEA Jenkins - [`8d657d0`](https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9)]
 ### [0.1.0](https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0) - 17 November 2021
 #### :hammer_and_wrench: Others

package/README.md CHANGED Viewed

@@ -25,6 +25,10 @@ This package provides the following features:
 2. A repository for the design system source files and mockups
 3. A website to showcase the design system
+## Upgrade
+- Version `^1.60.0` requires `^eea.volto.policy@12.0` to allow customizing the header search box.
 ### Try the design system website
 Checkout the docs found within the [website](https://github.com/eea/volto-eea-design-system/blob/develop/website/README.md) folder

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.50.2",
+  "version": "1.60.1",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/ui/Header/Header.jsx CHANGED Viewed

@@ -5,11 +5,13 @@
 import React from 'react'; // , { Component }
 import { useHistory } from 'react-router-dom';
+import { useSelector } from 'react-redux';
 import cx from 'classnames';
 import { Container, Image, Menu, Grid, Dropdown } from 'semantic-ui-react'; // Dropdown,
 import closeIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/close-line.svg';
-import searchIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/ai-search.svg';
+import searchSVG from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/search-line.svg';
+import aiSearchIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/ai-search.svg';
 import burgerIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/menu-line.svg';
 import HeaderSearchPopUp from './HeaderSearchPopUp';
@@ -159,6 +161,11 @@ const Main = ({
   const [burger, setBurger] = React.useState('');
   const searchInputRef = React.useRef(null);
   const [isClient, setIsClient] = React.useState();
+  const headerSettings = useSelector(
+    (state) => state.eeaSettings?.data?.header || {},
+  );
+  const searchIcon = headerSettings.useAISearchIcon ? aiSearchIcon : searchSVG;
   const itemsLayouts =
     menuItemsLayouts || config.settings?.menuItemsLayouts || {};

package/src/ui/Header/Header.stories.test.js CHANGED Viewed

@@ -2,9 +2,15 @@ import React from 'react';
 import { createMemoryHistory } from 'history';
 import { Router } from 'react-router-dom';
 import { render, fireEvent, act } from '@testing-library/react';
+import { Provider } from 'react-redux';
+import { createStore } from 'redux';
 import { Default } from './Header.stories';
 import '@testing-library/jest-dom';
+const mockStore = createStore(() => ({
+  eeaSettings: { data: { header: {} } },
+}));
 global.ResizeObserver = require('resize-observer-polyfill');
 const history = createMemoryHistory();
@@ -129,9 +135,11 @@ describe('Default component', () => {
   it('renders the default with correct number of cards', () => {
     const { container, getByText } = render(
-      <Router history={history}>
-        <Default {...args} />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <Default {...args} />
+        </Router>
+      </Provider>,
     );
     const dropdown = container.querySelector('.official-union .content');
     fireEvent.click(dropdown);

package/src/ui/Header/Header.test.jsx CHANGED Viewed

@@ -4,8 +4,29 @@ import '@testing-library/jest-dom';
 import { createMemoryHistory } from 'history';
 import { Router } from 'react-router-dom';
+import { Provider } from 'react-redux';
 import '@testing-library/jest-dom';
+const mockState = {
+  eeaSettings: {
+    data: {
+      header: {
+        useAISearchIcon: false,
+      },
+    },
+  },
+};
+const mockStore = {
+  getState: () => mockState,
+  subscribe: () => () => {},
+  dispatch: () => {},
+};
+const renderWithProvider = (component) => {
+  return render(<Provider store={mockStore}>{component}</Provider>);
+};
 // Mock subcomponents that pull in ESM helpers not transformed by Jest here
 jest.doMock('./HeaderSearchPopUp', () => () => null);
 jest.doMock('./HeaderMenuPopUp', () => () => null);
@@ -26,16 +47,16 @@ describe('Header component', () => {
   });
   it('renders without crashing', () => {
-    render(<Header />);
+    renderWithProvider(<Header />);
   });
   it('renders children correctly', () => {
-    render(<Header>Test Children</Header>);
+    renderWithProvider(<Header>Test Children</Header>);
     expect(screen.getByText('Test Children')).toBeInTheDocument();
   });
   it('renders without crashing', () => {
-    render(
+    renderWithProvider(
       <Header>
         <Header.TopHeader>
           <Header.TopItem>
@@ -83,7 +104,7 @@ describe('Header component', () => {
   });
   it('renders without crashing', () => {
-    render(
+    renderWithProvider(
       <Header>
         <Header.TopHeader>
           <Header.TopItem>
@@ -129,7 +150,7 @@ describe('Header component', () => {
   });
   it('renders without crashing', () => {
-    const { getByText, getAllByText, container } = render(
+    const { getByText, getAllByText, container } = renderWithProvider(
       <Router history={history}>
         <Header>
           <Header.TopHeader>
@@ -427,7 +448,7 @@ test('marks only the best-matching top-level item active (sibling collision case
     },
   ];
-  const { container, getByText } = render(
+  const { container, getByText } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -476,7 +497,7 @@ test('exact match wins: parent item active only on its own URL', async () => {
     },
   ];
-  const { container, getByText } = render(
+  const { container, getByText } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -515,7 +536,7 @@ test('mobile burger menu interactions', async () => {
     },
   ];
-  const { container } = render(
+  const { container } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -559,7 +580,7 @@ test('search interactions and state management', async () => {
     },
   ];
-  const { container } = render(
+  const { container } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -603,7 +624,7 @@ test('escape key handling', async () => {
     },
   ];
-  const { container } = render(
+  const { container } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -650,7 +671,7 @@ test('multilingual pathname handling', async () => {
     },
   ];
-  const { rerender } = render(
+  const { rerender } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -674,25 +695,27 @@ test('multilingual pathname handling', async () => {
   // Test with empty multilingual path
   rerender(
-    <Router history={history}>
-      <Header>
-        <Header.Main
-          pathname="/en/"
-          isMultilingual={true}
-          menuItems={menuItems}
-          renderGlobalMenuItem={(item) => (
-            <a href={item.url} title={item.title}>
-              {item.title}
-            </a>
-          )}
-          renderMenuItem={(item, options) => (
-            <a href={item.url || '/'} {...(options || {})}>
-              {item.title}
-            </a>
-          )}
-        />
-      </Header>
-    </Router>,
+    <Provider store={mockStore}>
+      <Router history={history}>
+        <Header>
+          <Header.Main
+            pathname="/en/"
+            isMultilingual={true}
+            menuItems={menuItems}
+            renderGlobalMenuItem={(item) => (
+              <a href={item.url} title={item.title}>
+                {item.title}
+              </a>
+            )}
+            renderMenuItem={(item, options) => (
+              <a href={item.url || '/'} {...(options || {})}>
+                {item.title}
+              </a>
+            )}
+          />
+        </Header>
+      </Router>
+    </Provider>,
   );
 });
@@ -707,11 +730,11 @@ test('menu click outside behavior with different active states', async () => {
     },
   ];
-  const { container } = render(
+  const { container } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
-          pathname="/different-path"
+          pathname="/test"
           menuItems={menuItems}
           renderGlobalMenuItem={(item) => (
             <a href={item.url} title={item.title}>

package/src/ui/Header/HeaderSearchPopUp.js CHANGED Viewed

@@ -1,9 +1,15 @@
 import React, { useEffect } from 'react';
-import { Container, Input, List } from 'semantic-ui-react';
+import isArray from 'lodash/isArray';
+import isPlainObject from 'lodash/isPlainObject';
+import { useSelector } from 'react-redux';
+import { Container, Input, List, Image } from 'semantic-ui-react';
 import { withRouter, Link } from 'react-router-dom';
 import { useClickOutside } from '@eeacms/volto-eea-design-system/helpers';
 import { handleEnterKeyPress } from '@eeacms/volto-eea-design-system/helpers';
+import searchSVG from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/search-line.svg';
+import aiSearchIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/ai-search.svg';
 const getRandomItems = (arr, max) => {
   return (
     arr?.slice(0, max).map(function () {
@@ -12,6 +18,51 @@ const getRandomItems = (arr, max) => {
   );
 };
+const getSearchInput = (config, location) => {
+  return (
+    config.filter(
+      (v) =>
+        v.type === 'search-input' &&
+        location.pathname.match(v.matchpath ? v.matchpath : v.path),
+    )[0] ||
+    config.filter((v) => v.type === 'search-input')[0] ||
+    {}
+  );
+};
+const serializeAction = (action, location) => {
+  if (action.type === 'info' && isArray(action.content)) {
+    const matchedContent =
+      action.content.filter((c) => {
+        const path = c.matchpath ? c.matchpath : c.path;
+        return path && location.pathname.match(path);
+      })[0] || action.content[0];
+    return {
+      type: 'info',
+      content: (isPlainObject(matchedContent) && matchedContent.text) || null,
+    };
+  }
+  return action;
+};
+function ActionItem({ action }) {
+  if (action.type === 'info') {
+    return <div>{action.content}</div>;
+  }
+  if (action.type === 'button-link') {
+    return (
+      <a
+        href={action.url}
+        className="ui button white inverted"
+        title={action.title}
+      >
+        {action.title}
+      </a>
+    );
+  }
+  return null;
+}
 function HeaderSearchPopUp({
   history,
   location,
@@ -21,27 +72,31 @@ function HeaderSearchPopUp({
   triggerRefs = [],
 }) {
   const nodeRef = React.useRef();
-  const headerSearchViews = headerSearchBox || [];
-  const defaultView = headerSearchViews.filter((v) => v.isDefault);
-  const localView = headerSearchViews.filter((v) =>
-    location.pathname.match(v.matchpath ? v.matchpath : v.path),
-  );
-  const activeView = localView.length > 0 ? localView[0] : defaultView[0];
+  const searchInput = getSearchInput(headerSearchBox, location);
+  const actions =
+    headerSearchBox
+      .filter((v) => ['info', 'button-link'].includes(v.type))
+      .map((v) => serializeAction(v, location)) || [];
   const {
     path = '',
-    buttonTitle,
-    buttonUrl,
-    description,
     placeholder = 'Search',
-    searchSuggestions,
-  } = activeView || {};
-  const { suggestionsTitle, suggestions, maxToShow } = searchSuggestions || {};
+    suggestionsTitle,
+    maxToShow,
+    suggestions,
+  } = searchInput;
   const [visibleSuggestions, setVisibileSuggestions] = React.useState(
     getRandomItems(suggestions, maxToShow),
   );
+  const headerSettings = useSelector(
+    (state) => state.eeaSettings?.data?.header || {},
+  );
+  const searchIcon = headerSettings.useAISearchIcon ? aiSearchIcon : searchSVG;
   useEffect(() => {
     setVisibileSuggestions(getRandomItems(suggestions, maxToShow));
   }, [maxToShow, suggestions]);
@@ -77,18 +132,27 @@ function HeaderSearchPopUp({
               ref={searchInputRef}
               className="icon search"
               action={{
-                className: 'icon ri-search-line',
+                className: 'icon',
                 'aria-label': 'Submit search',
                 onClick: onSubmit,
                 onKeyDown: (event) => {
                   handleEnterKeyPress(event, onSubmit);
                 },
+                children: (
+                  <Image
+                    src={searchIcon}
+                    alt="Global search"
+                    height={45}
+                    width={45}
+                    className="header-search-icon"
+                  />
+                ),
               }}
               placeholder={placeholder}
               fluid
             />
           </form>
-          {searchSuggestions && suggestions.length > 0 && (
+          {suggestions?.length > 0 && (
             <div className="search-suggestions">
               {suggestionsTitle && <h4>{suggestionsTitle}</h4>}
@@ -109,17 +173,12 @@ function HeaderSearchPopUp({
             </div>
           )}
         </Container>
-        {buttonTitle && (
+        {actions?.length > 0 && (
           <div className="advanced-search">
             <Container>
-              <div>{description}</div>
-              <a
-                href={buttonUrl || defaultView[0].path}
-                className="ui button white inverted"
-                title="Advanced search"
-              >
-                {buttonTitle}
-              </a>
+              {actions.map((action, i) => (
+                <ActionItem key={i} action={action} />
+              ))}
             </Container>
           </div>
         )}

package/src/ui/Header/HeaderSearchPopUp.test.js CHANGED Viewed

@@ -2,41 +2,53 @@ import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import { createMemoryHistory } from 'history';
 import { Router } from 'react-router-dom';
+import { Provider } from 'react-redux';
 import HeaderSearchPopUp from './HeaderSearchPopUp';
 import '@testing-library/jest-dom';
+const mockState = {
+  eeaSettings: {
+    data: {
+      header: {
+        useAISearchIcon: false,
+      },
+    },
+  },
+};
+const mockStore = {
+  getState: () => mockState,
+  subscribe: () => () => {},
+  dispatch: () => {},
+};
 describe('HeaderSearchPopUp', () => {
   let history;
   const mockOnClose = jest.fn();
   const sampleHeaderSearchBox = [
     {
+      type: 'search-input',
       path: '/search',
-      buttonTitle: 'Advanced Search',
-      buttonUrl: '/advanced-search',
-      description: 'Sample description',
       placeholder: 'Search',
-      searchSuggestions: {
-        suggestionsTitle: 'Suggestions Title',
-        suggestions: ['suggestion 1', 'suggestion 2', 'suggestion 3'],
-        maxToShow: 3,
-      },
-      isDefault: true,
+      suggestionsTitle: 'Suggestions Title',
+      suggestions: ['suggestion 1', 'suggestion 2', 'suggestion 3'],
+      maxToShow: 3,
+    },
+    {
+      type: 'button-link',
+      title: 'Advanced Search',
+      url: '/advanced-search',
     },
   ];
   const sampleHeaderSearchBoxWithMatchpath = [
     {
+      type: 'search-input',
       matchpath: '/search',
-      buttonTitle: 'Advanced Search',
-      buttonUrl: undefined,
-      description: 'Sample description',
       placeholder: 'Search',
-      searchSuggestions: {
-        suggestionsTitle: 'Suggestions Title',
-        suggestions: ['suggestion 1', 'suggestion 2', 'suggestion 3'],
-        maxToShow: 3,
-      },
-      isDefault: true,
+      suggestionsTitle: 'Suggestions Title',
+      suggestions: ['suggestion 1', 'suggestion 2', 'suggestion 3'],
+      maxToShow: 3,
     },
   ];
@@ -50,26 +62,30 @@ describe('HeaderSearchPopUp', () => {
   it('should render HeaderSearchPopUp', () => {
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
     expect(screen.getByPlaceholderText('Search')).toBeInTheDocument();
   });
   it('should update search text on change', () => {
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
     const input = screen.getByPlaceholderText('Search');
     fireEvent.change(input, { target: { value: 'New text' } });
@@ -80,32 +96,35 @@ describe('HeaderSearchPopUp', () => {
     window.searchContext = { resetSearch: jest.fn() };
     const { container } = render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
     const input = screen.getByPlaceholderText('Search');
     fireEvent.change(input, { target: { value: 'Search text' } });
     fireEvent.submit(container.querySelector('form'));
     fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' });
     expect(history.location.pathname).toBe('/search');
-    // expect(history.location.search).toBe('?q=Search text');
   });
   it('should navigate to the suggestion when a suggestion is clicked', () => {
     window.searchContext = { resetSearch: jest.fn() };
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBoxWithMatchpath}
-          onClose={mockOnClose}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBoxWithMatchpath}
+            onClose={mockOnClose}
+          />
+        </Router>
+      </Provider>,
     );
     fireEvent.click(screen.getByText('suggestion 1'));
     expect(history.location.pathname).toBe('/');
@@ -114,13 +133,15 @@ describe('HeaderSearchPopUp', () => {
   it('should handle keydown events on search action button', () => {
     const { container } = render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
     const searchActionButton = container.querySelector(
@@ -128,25 +149,23 @@ describe('HeaderSearchPopUp', () => {
     );
     expect(searchActionButton).toBeInTheDocument();
-    // Test Enter key press on search action button
     fireEvent.keyDown(searchActionButton, { key: 'Enter', code: 'Enter' });
-    // Test other key press (should not trigger action)
     fireEvent.keyDown(searchActionButton, { key: 'Tab', code: 'Tab' });
   });
   it('should handle search without searchContext', () => {
-    // Remove searchContext to test the fallback
     delete window.searchContext;
     const { container } = render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
     const input = screen.getByPlaceholderText('Search');
@@ -157,16 +176,17 @@ describe('HeaderSearchPopUp', () => {
   });
   it('should handle suggestion click without searchContext', () => {
-    // Remove searchContext to test the fallback
     delete window.searchContext;
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+          />
+        </Router>
+      </Provider>,
     );
     fireEvent.click(screen.getByText('suggestion 1'));
@@ -176,23 +196,27 @@ describe('HeaderSearchPopUp', () => {
   it('should render without search suggestions', () => {
     const headerSearchBoxNoSuggestions = [
       {
+        type: 'search-input',
         path: '/search',
-        buttonTitle: 'Advanced Search',
-        buttonUrl: '/advanced-search',
-        description: 'Sample description',
         placeholder: 'Search',
-        isDefault: true,
+      },
+      {
+        type: 'button-link',
+        title: 'Advanced Search',
+        url: '/advanced-search',
       },
     ];
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={headerSearchBoxNoSuggestions}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={headerSearchBoxNoSuggestions}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
     expect(screen.getByPlaceholderText('Search')).toBeInTheDocument();
@@ -202,28 +226,25 @@ describe('HeaderSearchPopUp', () => {
   it('should render with empty suggestions array', () => {
     const headerSearchBoxEmptySuggestions = [
       {
+        type: 'search-input',
         path: '/search',
-        buttonTitle: 'Advanced Search',
-        buttonUrl: '/advanced-search',
-        description: 'Sample description',
         placeholder: 'Search',
-        searchSuggestions: {
-          suggestionsTitle: 'Suggestions Title',
-          suggestions: [],
-          maxToShow: 3,
-        },
-        isDefault: true,
+        suggestionsTitle: 'Suggestions Title',
+        suggestions: [],
+        maxToShow: 3,
       },
     ];
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={headerSearchBoxEmptySuggestions}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={headerSearchBoxEmptySuggestions}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
     expect(screen.getByPlaceholderText('Search')).toBeInTheDocument();

package/theme/themes/eea/assets/images/Header/ai-search.svg CHANGED Viewed

@@ -1,6 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="20px" viewBox="0 -960 960 960" width="20px">
-  <path
-    d="M740-560q-1 0-8-6-16-61-60.5-105.5T566-732q-2-1-6-8 0-2 6-8 61-16 105.5-60.5T732-914q1-2 8-6 2 0 8 6 17 61 61 105.5T914-748q2 0 6 8 0 1-6 8-61 16-105.5 60.5T748-566q0 2-8 6Zm44 440L532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q29 0 57 6t53 18l-10 87q-22-15-47-23t-53-8q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400q66 0 115.5-42.5T557-555l72 50q-7 22-17.5 41T588-428l252 252-56 56Z"
-    fill="rgba(255,255,255,1)">
-  </path>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg fill="currentColor" height="20" viewBox="0 -960 960 960" width="20" version="1.1"
+   xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+   <path
+      d="m 743.91749,-527.97997 q -1.19965,0 -9.59723,-7.19791 -19.19445,-73.17883 -72.57899,-126.56339 -53.38456,-53.38454 -126.56339,-72.57899 -2.39931,-1.19966 -7.19791,-9.59723 0,-2.3993 7.19791,-9.59722 73.17883,-19.19444 126.56339,-72.579 53.38454,-53.38456 72.57899,-126.56338 1.19966,-2.39931 9.59723,-7.19792 2.3993,0 9.59722,7.19792 20.39409,73.17882 73.17882,126.56338 52.78474,53.38456 125.96356,72.579 2.39931,0 7.19792,9.59722 0,1.19965 -7.19792,9.59723 -73.17882,19.19445 -126.56338,72.57899 -53.38456,53.38456 -72.579,126.56339 0,2.39931 -9.59722,7.19791 z M 796.70222,-0.13268868 494.38968,-302.44522 q -35.98958,28.79167 -82.77604,45.58681 -46.78647,16.79514 -99.5712,16.79514 -130.76217,0 -221.335957,-90.5738 -90.57379432,-90.57378 -90.57379432,-221.33595 0,-130.76217 90.57379432,-221.33597 90.573787,-90.57379 221.335957,-90.57379 34.78993,0 68.38021,7.19792 33.59029,7.19792 63.58161,21.59376 l -11.99653,104.36979 q -26.39236,-17.99479 -56.38368,-27.59202 -29.99133,-9.59722 -63.58161,-9.59722 -89.97396,0 -152.95574,62.98177 -62.981779,62.98179 -62.981779,152.95576 0,89.97396 62.981779,152.95574 62.98178,62.98178 152.95574,62.98178 79.1771,0 138.55991,-50.98526 59.38283,-50.98523 73.77866,-134.96094 l 86.375,59.98264 q -8.39756,26.39236 -20.99392,49.18577 -12.59636,22.7934 -28.19184,43.18751 l 302.31253,302.312529 z"
+      fill="rgba(255,255,255,1)" style="stroke-width:1" />
 </svg>