Merge pull request #3347 from nextcloud/feature/add-nc-focus-trap

package.json

@@ -46,6 +46,7 @@
  "@nextcloud/capabilities": "^1.0.4",
  "@nextcloud/dialogs": "^3.1.4",
  "@nextcloud/event-bus": "^3.0.0",
+ "@nextcloud/focus-trap": "^0.1.0-beta",
  "@nextcloud/initial-state": "^2.0.0",
  "@nextcloud/l10n": "^1.6.0",
  "@nextcloud/logger": "^2.2.1",
@@ -54,7 +55,6 @@
  "emoji-mart-vue-fast": "^11.1.1",
  "escape-html": "^1.0.3",
  "floating-vue": "^1.0.0-beta.18",
- "focus-trap": "^7.0.0",
  "hammerjs": "^2.0.8",
  "linkify-string": "^4.0.0",
  "md5": "^2.3.0",

src/components/NcModal/NcModal.vue

@@ -325,7 +325,7 @@ import Pause from 'vue-material-design-icons/Pause.vue'
 import Play from 'vue-material-design-icons/Play.vue'
 
 import Hammer from 'hammerjs'
-import { createFocusTrap } from 'focus-trap'
+import { createFocusTrap } from '@nextcloud/focus-trap'
 export default {
  name: 'NcModal',
 

src/components/NcPopover/NcPopover.vue

@@ -102,7 +102,7 @@ The prop `:focus-trap="false"` help to prevent it when the default behavior is n
 
 <script>
 import { Dropdown } from 'floating-vue'
-import { createFocusTrap } from 'focus-trap'
+import { createFocusTrap } from '@nextcloud/focus-trap'
 
 export default {
  name: 'NcPopover',