@defra/interactive-map 0.0.36-alpha → 0.0.38-alpha

package/plugins/search/dist/css/index.css

@@ -1,317 +1 @@
-.im-c-search-form {
-  display: none;
-  padding: 0;
-  min-height: auto;
-  border-radius: 0;
-  filter: var(--search-drop-shadow);
-  -webkit-transform: translate3d(0, 0, 0);
-  -moz-transform: translate3d(0, 0, 0);
-  -ms-transform: translate3d(0, 0, 0);
-  transform: translate3d(0, 0, 0);
-}
-.im-c-search-form:before {
-  border-radius: 0;
-  box-shadow: none;
-}
-
-.im-o-app--mobile .im-c-search-form {
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  height: auto;
-  overflow: visible;
-}
-
-.im-o-app--tablet .im-c-search-form,
-.im-o-app--desktop .im-c-search-form {
-  position: relative;
-  overflow: visible;
-  border-radius: var(--button-border-radius);
-  box-shadow: none;
-}
-.im-o-app--tablet .im-c-search-form:before,
-.im-o-app--desktop .im-c-search-form:before {
-  border-radius: var(--button-border-radius);
-}
-.im-o-app--tablet .im-c-search-form .im-c-search-suggestions,
-.im-o-app--desktop .im-c-search-form .im-c-search-suggestions {
-  position: absolute;
-  top: calc(100% + 2px);
-  left: 0;
-  right: 0;
-  z-index: 1;
-}
-
-.im-c-search__status {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  padding: var(--divider-gap) calc(var(--divider-gap) + 2px);
-  background-color: var(--background-color);
-  border-top: 1px solid var(--button-hover-color);
-  border-bottom-left-radius: var(--button-border-radius);
-  border-bottom-right-radius: var(--button-border-radius);
-}
-
-.im-o-app--mobile .im-c-search-form--default-expanded {
-  position: relative;
-  margin: calc(-1 * var(--primary-gap)) calc(-1 * var(--primary-gap)) 0;
-}
-.im-o-app--mobile .im-c-search-form--default-expanded .im-c-search-suggestions {
-  position: absolute;
-  top: 100%;
-  width: 100%;
-  left: 0;
-}
-
-.im-c-search-close-button {
-  position: relative;
-}
-.im-c-search-close-button:before {
-  box-shadow: none;
-}
-.im-c-search-close-button[data-focus-visible=true] {
-  z-index: 1;
-}
-.im-c-search-close-button:hover {
-  z-index: 1;
-}
-
-.im-c-search-submit-button {
-  position: relative;
-}
-.im-c-search-submit-button:before {
-  box-shadow: none;
-}
-.im-c-search-submit-button[data-focus-visible=true] {
-  z-index: 1;
-}
-
-.im-c-search-suggestions {
-  max-height: calc(100vh - 66px);
-  overflow-y: auto;
-  scroll-padding: 0;
-  margin: 0;
-  padding: 0;
-  background-color: var(--background-color);
-  list-style: none;
-}
-
-.im-c-search-suggestions__item {
-  margin: 0;
-  padding: calc(var(--divider-gap) + 2px) var(--primary-gap);
-  position: relative;
-  color: var(--secondary-text-color);
-  border-top: 1px solid var(--button-hover-color);
-  cursor: pointer;
-  user-select: none;
-}
-@media (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .im-c-search-suggestions__item {
-    color: Highlight;
-  }
-}
-.im-c-search-suggestions__item mark {
-  font-weight: bold;
-  color: var(--foreground-color);
-  background-color: transparent;
-  pointer-events: none;
-}
-@media (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .im-c-search-suggestions__item mark {
-    color: Highlight;
-  }
-}
-@media (hover: hover) and (pointer: fine) {
-  .im-c-search-suggestions__item:hover:not([aria-selected=true]) {
-    background-color: var(--button-hover-color);
-  }
-}
-.im-c-search-suggestions__item[aria-selected=true] {
-  background-color: var(--button-hover-color);
-}
-.im-c-search-suggestions__item[aria-selected=true] mark {
-  color: var(--fixed-foreground-color);
-}
-@media (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .im-c-search-suggestions__item[aria-selected=true] mark {
-    color: Highlight;
-  }
-}
-.im-c-search-suggestions__item:hover:not([aria-selected=true]) .im-c-search-suggestions__label {
-  text-decoration: underline;
-  text-underline-offset: 2px;
-  text-decoration-thickness: 2px;
-  text-decoration-color: var(--foreground-color);
-  text-decoration-skip-ink: none;
-}
-.im-c-search-suggestions__item[aria-selected=true] .im-c-search-suggestions__label {
-  outline: 3px solid rgba(0, 0, 0, 0);
-  color: var(--focus-border-color);
-  background-color: var(--focus-outline-color);
-  box-shadow: 0 -2px var(--focus-outline-color), 0 4px var(--focus-border-color);
-  text-decoration: none;
-}
-@media (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .im-c-search-suggestions__item[aria-selected=true] .im-c-search-suggestions__label {
-    outline-color: Highlight;
-    color: Highlight;
-  }
-}
-
-.im-c-search-suggestions__label {
-  display: block;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.im-o-app--mobile .im-c-search-form--default-expanded .im-c-search-suggestions {
-  box-shadow: var(--panel-box-shadow);
-  clip-path: inset(0px 0px -20px 0px);
-}
-
-.im-o-app--tablet .im-c-search-suggestions,
-.im-o-app--desktop .im-c-search-suggestions {
-  border-bottom-left-radius: var(--button-border-radius);
-  border-bottom-right-radius: var(--button-border-radius);
-}
-.im-o-app--tablet .im-c-search-suggestions__item,
-.im-o-app--desktop .im-c-search-suggestions__item {
-  padding: var(--divider-gap) calc(var(--divider-gap) + 2px);
-}
-
-:root {
-  --search-drop-shadow: drop-shadow(0 -2px 20px rgba(0,0,0,.1)) drop-shadow(0 0 12px rgba(0,0,0,.1));
-}
-
-.im-c-search--collapsed {
-  display: none;
-}
-
-.im-c-search__input-container {
-  display: flex;
-  position: relative;
-  flex: 1 1 auto;
-  min-height: auto;
-  height: var(--button-size);
-}
-.im-c-search__input-container:before {
-  content: "";
-  z-index: 1;
-  position: absolute;
-  top: -2px;
-  right: -2px;
-  bottom: -2px;
-  left: -2px;
-  border-radius: var(--button-border-radius);
-  border: 2px solid var(--foreground-color);
-  pointer-events: none;
-}
-@media (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .im-c-search__input-container:before {
-    border-color: ButtonText;
-  }
-}
-@media (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .im-c-search__input-container:hover:not(:has(.im-c-search-close-button:hover)):before {
-    border-color: Highlight;
-  }
-}
-.im-c-search__input-container:after {
-  position: absolute;
-  content: "";
-  pointer-events: none;
-  z-index: 99;
-  top: -1px;
-  right: -1px;
-  bottom: -1px;
-  left: -1px;
-  border: var(--focus-border-width) solid var(--focus-border-color);
-  outline: var(--focus-box-shadow-width) solid var(--focus-outline-color);
-  border-radius: calc(var(--button-border-radius) - 2px);
-  opacity: 0;
-}
-@media (prefers-reduced-motion: no-preference) {
-  .im-c-search__input-container:after {
-    transition: opacity var(--duration) ease;
-  }
-}
-
-.im-o-app .im-c-search__input {
-  width: 100%;
-  color: var(--foreground-color);
-  background-color: transparent;
-  font-size: 1rem;
-  border: 0;
-  padding: var(--divider-gap) calc(var(--divider-gap) + 2px);
-  outline: 0;
-}
-.im-o-app .im-c-search__input:focus {
-  outline: 3px solid transparent;
-  box-shadow: none;
-}
-@media (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .im-o-app .im-c-search__input:focus {
-    outline: none;
-  }
-}
-.im-o-app .im-c-search__input::placeholder {
-  color: var(--foreground-color);
-}
-.im-o-app .im-c-search__input::-webkit-search-cancel-button {
-  -webkit-appearance: none;
-  appearance: none;
-  display: none;
-}
-.im-o-app .im-c-search__input::-moz-search-clear {
-  display: none;
-}
-
-.im-c-search__hint {
-  display: none;
-}
-
-.im-o-app--exclusive-control .im-o-app__top .im-c-button-wrapper,
-.im-o-app--exclusive-control .im-o-app__right .im-c-button-wrapper {
-  opacity: 0;
-  z-index: -1;
-}
-.im-o-app--exclusive-control .im-c-button-wrapper--search {
-  position: absolute;
-  pointer-events: none;
-}
-.im-o-app--exclusive-control .im-o-app__left-top .im-c-panel,
-.im-o-app--exclusive-control .im-o-app__left-bottom .im-c-panel,
-.im-o-app--exclusive-control .im-o-app__right-top .im-c-panel,
-.im-o-app--exclusive-control .im-o-app__right-bottom .im-c-panel {
-  opacity: 0;
-  z-index: -1;
-}
-
-.im-o-app--mobile .im-c-search__input-container {
-  margin: var(--primary-gap);
-}
-
-@media (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .im-c-search__input-container--keyboard-focus-within:before {
-    border-color: Highlight;
-  }
-}
-
-.im-c-search__input-container--keyboard-focus-within:after {
-  opacity: 1;
-}
-@media (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .im-c-search__input-container--keyboard-focus-within:after {
-    opacity: 0;
-  }
-}
-
-@media (-ms-high-contrast: active), screen and (forced-colors: active) {
-  .im-c-search__input-container--keyboard-focus-within {
-    outline: var(--focus-highlight-width) solid Highlight;
-  }
-}
+.im-c-search-form{display:none;padding:0;min-height:auto;border-radius:0;filter:var(--search-drop-shadow);-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.im-c-search-form:before{border-radius:0;box-shadow:none}.im-o-app--mobile .im-c-search-form{position:absolute;left:0;top:0;right:0;height:auto;overflow:visible}.im-o-app--tablet .im-c-search-form,.im-o-app--desktop .im-c-search-form{position:relative;overflow:visible;border-radius:var(--button-border-radius);box-shadow:none}.im-o-app--tablet .im-c-search-form:before,.im-o-app--desktop .im-c-search-form:before{border-radius:var(--button-border-radius)}.im-o-app--tablet .im-c-search-form .im-c-search-suggestions,.im-o-app--desktop .im-c-search-form .im-c-search-suggestions{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:1}.im-c-search__status{position:absolute;top:100%;left:0;right:0;padding:var(--divider-gap) calc(var(--divider-gap) + 2px);background-color:var(--background-color);border-top:1px solid var(--button-hover-color);border-bottom-left-radius:var(--button-border-radius);border-bottom-right-radius:var(--button-border-radius)}.im-o-app--mobile .im-c-search-form--default-expanded{position:relative;margin:calc(-1*var(--primary-gap)) calc(-1*var(--primary-gap)) 0}.im-o-app--mobile .im-c-search-form--default-expanded .im-c-search-suggestions{position:absolute;top:100%;width:100%;left:0}.im-c-search-close-button{position:relative}.im-c-search-close-button:before{box-shadow:none}.im-c-search-close-button[data-focus-visible=true]{z-index:1}.im-c-search-close-button:hover{z-index:1}.im-c-search-submit-button{position:relative}.im-c-search-submit-button:before{box-shadow:none}.im-c-search-submit-button[data-focus-visible=true]{z-index:1}.im-c-search-suggestions{max-height:calc(100vh - 66px);overflow-y:auto;scroll-padding:0;margin:0;padding:0;background-color:var(--background-color);list-style:none}.im-c-search-suggestions__item{margin:0;padding:calc(var(--divider-gap) + 2px) var(--primary-gap);position:relative;color:var(--secondary-text-color);border-top:1px solid var(--button-hover-color);cursor:pointer;user-select:none}@media(-ms-high-contrast: active),screen and (forced-colors: active){.im-c-search-suggestions__item{color:Highlight}}.im-c-search-suggestions__item mark{font-weight:bold;color:var(--foreground-color);background-color:rgba(0,0,0,0);pointer-events:none}@media(-ms-high-contrast: active),screen and (forced-colors: active){.im-c-search-suggestions__item mark{color:Highlight}}@media(hover: hover)and (pointer: fine){.im-c-search-suggestions__item:hover:not([aria-selected=true]){background-color:var(--button-hover-color)}}.im-c-search-suggestions__item[aria-selected=true]{background-color:var(--button-hover-color)}.im-c-search-suggestions__item[aria-selected=true] mark{color:var(--fixed-foreground-color)}@media(-ms-high-contrast: active),screen and (forced-colors: active){.im-c-search-suggestions__item[aria-selected=true] mark{color:Highlight}}.im-c-search-suggestions__item:hover:not([aria-selected=true]) .im-c-search-suggestions__label{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px;text-decoration-color:var(--foreground-color);text-decoration-skip-ink:none}.im-c-search-suggestions__item[aria-selected=true] .im-c-search-suggestions__label{outline:3px solid rgba(0,0,0,0);color:var(--focus-border-color);background-color:var(--focus-outline-color);box-shadow:0 -2px var(--focus-outline-color),0 4px var(--focus-border-color);text-decoration:none}@media(-ms-high-contrast: active),screen and (forced-colors: active){.im-c-search-suggestions__item[aria-selected=true] .im-c-search-suggestions__label{outline-color:Highlight;color:Highlight}}.im-c-search-suggestions__label{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.im-o-app--mobile .im-c-search-form--default-expanded .im-c-search-suggestions{box-shadow:var(--panel-box-shadow);clip-path:inset(0px 0px -20px 0px)}.im-o-app--tablet .im-c-search-suggestions,.im-o-app--desktop .im-c-search-suggestions{border-bottom-left-radius:var(--button-border-radius);border-bottom-right-radius:var(--button-border-radius)}.im-o-app--tablet .im-c-search-suggestions__item,.im-o-app--desktop .im-c-search-suggestions__item{padding:var(--divider-gap) calc(var(--divider-gap) + 2px)}:root{--search-drop-shadow: drop-shadow(0 -2px 20px rgba(0,0,0,.1)) drop-shadow(0 0 12px rgba(0,0,0,.1))}.im-c-search--collapsed{display:none}.im-c-search__input-container{display:flex;position:relative;flex:1 1 auto;min-height:auto;height:var(--button-size)}.im-c-search__input-container:before{content:"";z-index:1;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--button-border-radius);border:2px solid var(--foreground-color);pointer-events:none}@media(-ms-high-contrast: active),screen and (forced-colors: active){.im-c-search__input-container:before{border-color:ButtonText}}@media(-ms-high-contrast: active),screen and (forced-colors: active){.im-c-search__input-container:hover:not(:has(.im-c-search-close-button:hover)):before{border-color:Highlight}}.im-c-search__input-container:after{position:absolute;content:"";pointer-events:none;z-index:99;top:-1px;right:-1px;bottom:-1px;left:-1px;border:var(--focus-border-width) solid var(--focus-border-color);outline:var(--focus-box-shadow-width) solid var(--focus-outline-color);border-radius:calc(var(--button-border-radius) - 2px);opacity:0}@media(prefers-reduced-motion: no-preference){.im-c-search__input-container:after{transition:opacity var(--duration) ease}}.im-o-app .im-c-search__input{width:100%;color:var(--foreground-color);background-color:rgba(0,0,0,0);font-size:1rem;border:0;padding:var(--divider-gap) calc(var(--divider-gap) + 2px);outline:0}.im-o-app .im-c-search__input:focus{outline:3px solid rgba(0,0,0,0);box-shadow:none}@media(-ms-high-contrast: active),screen and (forced-colors: active){.im-o-app .im-c-search__input:focus{outline:none}}.im-o-app .im-c-search__input::placeholder{color:var(--foreground-color)}.im-o-app .im-c-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.im-o-app .im-c-search__input::-moz-search-clear{display:none}.im-c-search__hint{display:none}.im-o-app--exclusive-control .im-o-app__top .im-c-button-wrapper,.im-o-app--exclusive-control .im-o-app__right .im-c-button-wrapper{opacity:0;z-index:-1}.im-o-app--exclusive-control .im-c-button-wrapper--search{position:absolute;pointer-events:none}.im-o-app--exclusive-control .im-o-app__left-top .im-c-panel,.im-o-app--exclusive-control .im-o-app__left-bottom .im-c-panel,.im-o-app--exclusive-control .im-o-app__right-top .im-c-panel,.im-o-app--exclusive-control .im-o-app__right-bottom .im-c-panel{opacity:0;z-index:-1}.im-o-app--mobile .im-c-search__input-container{margin:var(--primary-gap)}@media(-ms-high-contrast: active),screen and (forced-colors: active){.im-c-search__input-container--keyboard-focus-within:before{border-color:Highlight}}.im-c-search__input-container--keyboard-focus-within:after{opacity:1}@media(-ms-high-contrast: active),screen and (forced-colors: active){.im-c-search__input-container--keyboard-focus-within:after{opacity:0}}@media(-ms-high-contrast: active),screen and (forced-colors: active){.im-c-search__input-container--keyboard-focus-within{outline:var(--focus-highlight-width) solid Highlight}}

package/rollup.esm.mjs

@@ -1,6 +1,6 @@
-import path, { dirname } from 'path'
-import { fileURLToPath } from 'url'
-import fs from 'fs'
+import path, { dirname } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import fs from 'node:fs'
 
 import { nodeResolve } from '@rollup/plugin-node-resolve'
 import commonjs from '@rollup/plugin-commonjs'
@@ -11,7 +11,7 @@ import terser from '@rollup/plugin-terser'
 import postcss from 'rollup-plugin-postcss'
 import { visualizer } from 'rollup-plugin-visualizer'
 
-const __dirname = dirname(fileURLToPath(import.meta.url))
+const __dirname = dirname(fileURLToPath(import.meta.url)) // NOSONAR - Standard Node.js convention in bundler configs
 
 /**
  * Cleans output directories before each build starts.
@@ -69,7 +69,7 @@ const removeFullCssPlugin = (cssDir) => ({
 // rewritten by the alias plugin before Rollup's external check fires.
 const PREACT_EXTERNALS = [
   'preact',
-  'preact/compat',
+  'preact/compat', // NOSONAR
   'preact/compat/client',
   'preact/hooks',
   'preact/jsx-runtime'
@@ -177,13 +177,12 @@ const createESMConfig = (entryPath, outDir, isCore = false, manualChunks = null,
       ...(isCore ? [removeFullCssPlugin(cssDir)] : []),
 
       // Only runs when ANALYZE=1 is set; writes stats to dist/stats/<name>.html
-      ...(process.env.ANALYZE
-? [visualizer({
-        filename: path.resolve(__dirname, 'dist/stats', `${outDir.replace(/\//g, '-')}.html`),
+      ...(process.env.ANALYZE ? [visualizer({
+        filename: path.resolve(__dirname, 'dist/stats', `${outDir.replace(/\//g, '-')}.html`), // NOSONAR replaceAll() requires Chrome 84 or later
         open: false,
         gzipSize: true
       })]
-: [])
+      : [])
     ],
 
     output: {
@@ -219,83 +218,91 @@ const ALL_BUILDS = [
     entryPath: './providers/maplibre/src/index.js',
     outDir: 'providers/maplibre/dist/esm',
     // maplibre-gl is external; only the provider class itself becomes a chunk
-    manualChunks: (id) => { if (id.includes('/maplibreProvider')) return 'im-maplibre-provider' }
+    manualChunks: (id) => id.includes('/maplibreProvider') ? 'im-maplibre-provider' : undefined
   },
   {
     entryPath: './providers/beta/open-names/src/index.js',
     outDir: 'providers/beta/open-names/dist/esm',
-    manualChunks: (id) => { if (id.includes('/reverseGeocode')) return 'im-reverse-geocode' }
+    manualChunks: (id) => id.includes('/reverseGeocode') ? 'im-reverse-geocode' : undefined
   },
   {
     entryPath: './providers/beta/esri/src/index.js',
     outDir: 'providers/beta/esri/dist/esm',
-    manualChunks: (id) => { if (id.includes('/esriProvider')) return 'im-esri-provider' }
+    manualChunks: (id) => id.includes('/esriProvider') ? 'im-esri-provider' : undefined
   },
   {
     entryPath: './providers/beta/openlayers/src/index.js',
     outDir: 'providers/beta/openlayers/dist/esm',
     extraExternals: [/^ol\//, 'proj4'],
-    manualChunks: (id) => {
-      if (id.includes('/openlayersProvider')) {
-        return 'im-openlayers-provider'
-      }
-    }
+    manualChunks: (id) => id.includes('/openlayersProvider') ? 'im-openlayers-provider' : undefined
   },
 
   // Plugins — each lazy-loads ./manifest.js; manualChunks names that split chunk
   {
     entryPath: './plugins/beta/scale-bar/src/index.js',
     outDir: 'plugins/beta/scale-bar/dist/esm',
-    manualChunks: (id) => { if (id.includes('/manifest')) return 'im-scale-bar-plugin' }
+    manualChunks: (id) => id.includes('/manifest') ? 'im-scale-bar-plugin' : undefined
   },
   {
     entryPath: './plugins/beta/use-location/src/index.js',
     outDir: 'plugins/beta/use-location/dist/esm',
-    manualChunks: (id) => { if (id.includes('/manifest')) return 'im-use-location-plugin' }
+    manualChunks: (id) => id.includes('/manifest') ? 'im-use-location-plugin' : undefined
   },
   {
     entryPath: './plugins/search/src/index.js',
     outDir: 'plugins/search/dist/esm',
-    manualChunks: (id) => { if (id.includes('/manifest')) return 'im-search-plugin' }
+    manualChunks: (id) => id.includes('/manifest') ? 'im-search-plugin' : undefined
   },
   {
     entryPath: './plugins/interact/src/index.js',
     outDir: 'plugins/interact/dist/esm',
-    manualChunks: (id) => { if (id.includes('/manifest')) return 'im-interact-plugin' }
+    manualChunks: (id) => id.includes('/manifest') ? 'im-interact-plugin' : undefined
   },
   {
     entryPath: './plugins/datasets/src/index.js',
     outDir: 'plugins/datasets/dist/esm',
     manualChunks: (id) => {
-      if (id.includes('/manifest')) return 'im-datasets-plugin'
-      if (id.includes('maplibreLayerAdapter')) return 'im-datasets-ml-adapter'
+      if (id.includes('/manifest')) { return 'im-datasets-plugin' }
+      if (id.includes('maplibreLayerAdapter')) { return 'im-datasets-ml-adapter' }
+      return undefined
     }
   },
   {
     entryPath: './plugins/beta/map-styles/src/index.js',
     outDir: 'plugins/beta/map-styles/dist/esm',
-    manualChunks: (id) => { if (id.includes('/manifest')) return 'im-map-styles-plugin' }
+    manualChunks: (id) => id.includes('/manifest') ? 'im-map-styles-plugin' : undefined
+  },
+  {
+    entryPath: './plugins/draw/src/index.js',
+    outDir: 'plugins/draw/dist/esm',
+    extraExternals: [/^ol\//],
+    manualChunks: (id) => {
+      if (id.includes('/manifest')) { return 'im-draw-plugin' }
+      if (id.includes('MaplibreDrawAdapter')) { return 'im-draw-ml-adapter' }
+      if (id.includes('OLDrawAdapter')) { return 'im-draw-ol-adapter' }
+      return undefined
+    }
   },
   {
     entryPath: './plugins/beta/draw-ml/src/index.js',
     outDir: 'plugins/beta/draw-ml/dist/esm',
-    manualChunks: (id) => { if (id.includes('/manifest')) return 'im-draw-ml-plugin' }
+    manualChunks: (id) => id.includes('/manifest') ? 'im-draw-ml-plugin' : undefined
   },
   {
     entryPath: './plugins/beta/draw-es/src/index.js',
     outDir: 'plugins/beta/draw-es/dist/esm',
-    manualChunks: (id) => { if (id.includes('/manifest')) return 'im-draw-es-plugin' }
+    manualChunks: (id) => id.includes('/manifest') ? 'im-draw-es-plugin' : undefined
   },
   {
     entryPath: './plugins/beta/draw-ol/src/index.js',
     outDir: 'plugins/beta/draw-ol/dist/esm',
     extraExternals: [/^ol\//],
-    manualChunks: (id) => { if (id.includes('/manifest')) return 'im-draw-ol-plugin' }
+    manualChunks: (id) => id.includes('/manifest') ? 'im-draw-ol-plugin' : undefined
   },
   {
     entryPath: './plugins/beta/frame/src/index.js',
     outDir: 'plugins/beta/frame/dist/esm',
-    manualChunks: (id) => { if (id.includes('/manifest')) return 'im-frame-plugin' }
+    manualChunks: (id) => id.includes('/manifest') ? 'im-frame-plugin' : undefined
   }
 ]
 

package/sonar-project.properties

@@ -11,10 +11,10 @@ sonar.javascript.lcov.reportPaths=coverage/lcov.info
 sonar.sourceEncoding=UTF-8
 
 sonar.sources=src,plugins,providers
-sonar.exclusions=**/*.test.*,**/__mocks__/**,**/__stubs__/**,**/dist/**,**/node_modules/**,plugins/beta/**,providers/beta/**
+sonar.exclusions=**/*.test.*,**/__mocks__/**,**/__stubs__/**,**/__helpers__/**,**/dist/**,**/node_modules/**,plugins/beta/**,providers/beta/**
 sonar.tests=src,plugins,providers
 sonar.test.inclusions=**/*.test.*,**/__mocks__/**,**/__stubs__/**
-sonar.cpd.exclusions=**/*.test.*,**/__mocks__/**,**/__stubs__/**
+sonar.cpd.exclusions=**/*.test.*,**/__mocks__/**,**/__stubs__/**,**/__helpers__/**
 
 # Ignored rules
 sonar.issue.ignore.multicriteria=reactPropsJs,reactPropsJsx,preferGlobalThisJs,preferGlobalThisJsx,preferAtJs,preferAtJsx,replaceAllJs,replaceAllJsx,stringReplaceAllJs,stringReplaceAllJsx,pascalCaseFunctionsJs,pascalCaseFunctionsJsx,pascalCaseFunctionsTs,pascalCaseFunctionsTsx,cssScopingRootMixins

package/src/App/components/Attributions/Attributions.module.scss

@@ -6,4 +6,5 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    pointer-events: auto;
 }

package/src/App/components/Hints/Hints.module.scss

@@ -5,9 +5,12 @@
 .im-o-hints {
   position: absolute;
   bottom: var(--hint-bottom, var(--primary-gap));
-  left: 50%;
-  transform: translateX(-50%);
+  left: 0;
+  right: 0;
+  margin-inline: auto;
   z-index: 1001;
+  width: fit-content;
+  max-width: min(var(--hint-max-width), calc(100% - (2 * var(--primary-gap))));
 }
 
 // ===================================================
@@ -22,8 +25,6 @@
 }
 
 .im-c-hints__hint {
-  text-wrap: nowrap;
-
   color: var(--tooltip-foreground-color);
   background-color: var(--tooltip-background-color);
   border-radius: var(--tooltip-border-radius);

package/src/App/components/KeyboardHelp/KeyboardHelp.jsx

@@ -46,7 +46,7 @@ export const KeyboardHelp = ({ context = 'viewport' }) => { // NOSONAR: project
   const allShortcuts = getKeyboardShortcuts(appConfig)
   const shortcuts = listboxIsActive
     ? allShortcuts
-    : allShortcuts.filter(s => !s.group && s.context !== 'listbox')
+    : allShortcuts.filter(s => s.context !== 'listbox')
   const groupMap = buildGroupMap(shortcuts)
   const groupEntries = Object.entries(groupMap)
 

package/src/App/components/KeyboardHelp/KeyboardHelp.test.jsx

@@ -163,6 +163,17 @@ describe('KeyboardHelp — listboxIsActive filtering', () => {
     expect(screen.getByText('Move')).toBeInTheDocument()
   })
 
+  it('shows non-listbox grouped shortcuts (e.g. Drawing) when listboxIsActive is false', () => {
+    getKeyboardShortcuts.mockReturnValue([
+      ...VIEWPORT_SHORTCUTS,
+      { id: 'd1', group: 'Drawing', title: 'Add new point', command: '<kbd>Enter</kbd>' },
+      ...LISTBOX_SHORTCUTS
+    ])
+    render(<KeyboardHelp />)
+    expect(screen.getByRole('tab', { name: 'Drawing' })).toBeInTheDocument()
+    expect(screen.queryByRole('tab', { name: SELECT_FEATURES_GROUP })).not.toBeInTheDocument()
+  })
+
   it('renders as a flat list when only ungrouped shortcuts remain after filtering', () => {
     getKeyboardShortcuts.mockReturnValue([...VIEWPORT_SHORTCUTS, ...LISTBOX_SHORTCUTS])
     render(<KeyboardHelp />)