@strapi/design-system 1.14.0-typescript.2 → 1.15.0-typescript.0

package/dist/FocusTrap/FocusTrap.d.ts

@@ -8,5 +8,6 @@ export interface FocusTrapProps extends HTMLAttributes<HTMLDivElement> {
      * A boolean value to define whether the focus should be restored or not.
      */
     restoreFocus?: boolean;
+    skipAutoFocus?: boolean;
 }
-export declare const FocusTrap: ({ onEscape, restoreFocus, ...props }: FocusTrapProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FocusTrap: ({ onEscape, restoreFocus, skipAutoFocus, ...props }: FocusTrapProps) => import("react/jsx-runtime").JSX.Element;

package/dist/FocusTrap/FocusTrap.js

@@ -7,7 +7,7 @@ const React = require('react');
 const getFocusableNodes = require('../helpers/getFocusableNodes.js');
 const keyboardKeys = require('../helpers/keyboardKeys.js');
 
-const FocusTrap = ({ onEscape, restoreFocus = true, ...props }) => {
+const FocusTrap = ({ onEscape, restoreFocus = true, skipAutoFocus = false, ...props }) => {
     const trappedRef = React.useRef(null);
     /**
      * Restore the focus to the previously focused element (often, it's the CTA that opened the trap)
@@ -27,7 +27,7 @@ const FocusTrap = ({ onEscape, restoreFocus = true, ...props }) => {
      * Sends the focus to the first element of the focus trap tree
      */
     React.useEffect(() => {
-        if (!trappedRef.current)
+        if (!trappedRef.current || skipAutoFocus)
             return;
         const focusableChildren = getFocusableNodes.getFocusableNodes(trappedRef.current);
         if (focusableChildren.length > 0) {
@@ -37,7 +37,7 @@ const FocusTrap = ({ onEscape, restoreFocus = true, ...props }) => {
         else {
             console.warn('[FocusTrap]: it seems there are no focusable elements in the focus trap tree. Make sure there s at least one.');
         }
-    }, []);
+    }, [skipAutoFocus]);
     const handleKeyDown = (e) => {
         if (e.key === keyboardKeys.KeyboardKeys.ESCAPE && onEscape) {
             onEscape();

package/dist/FocusTrap/FocusTrap.mjs

@@ -3,7 +3,7 @@ import { useRef, useEffect } from 'react';
 import { getFocusableNodes } from '../helpers/getFocusableNodes.mjs';
 import { KeyboardKeys } from '../helpers/keyboardKeys.mjs';
 
-const FocusTrap = ({ onEscape, restoreFocus = true, ...props }) => {
+const FocusTrap = ({ onEscape, restoreFocus = true, skipAutoFocus = false, ...props }) => {
     const trappedRef = useRef(null);
     /**
      * Restore the focus to the previously focused element (often, it's the CTA that opened the trap)
@@ -23,7 +23,7 @@ const FocusTrap = ({ onEscape, restoreFocus = true, ...props }) => {
      * Sends the focus to the first element of the focus trap tree
      */
     useEffect(() => {
-        if (!trappedRef.current)
+        if (!trappedRef.current || skipAutoFocus)
             return;
         const focusableChildren = getFocusableNodes(trappedRef.current);
         if (focusableChildren.length > 0) {
@@ -33,7 +33,7 @@ const FocusTrap = ({ onEscape, restoreFocus = true, ...props }) => {
         else {
             console.warn('[FocusTrap]: it seems there are no focusable elements in the focus trap tree. Make sure there s at least one.');
         }
-    }, []);
+    }, [skipAutoFocus]);
     const handleKeyDown = (e) => {
         if (e.key === KeyboardKeys.ESCAPE && onEscape) {
             onEscape();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/design-system",
-  "version": "1.14.0-typescript.2",
+  "version": "1.15.0-typescript.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -28,12 +28,12 @@
   "dependencies": {
     "@codemirror/lang-json": "^6.0.1",
     "@floating-ui/react-dom": "^2.0.4",
-    "@internationalized/date": "^3.5.0",
-    "@internationalized/number": "^3.4.0",
+    "@internationalized/date": "^3.5.1",
+    "@internationalized/number": "^3.5.0",
     "@radix-ui/react-dismissable-layer": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-focus-scope": "1.0.4",
-    "@strapi/ui-primitives": "^1.14.0-typescript.2",
+    "@strapi/ui-primitives": "^1.15.0-typescript.0",
     "@uiw/react-codemirror": "^4.21.21",
     "aria-hidden": "^1.2.3",
     "compute-scroll-into-view": "^3.1.0",
@@ -41,8 +41,8 @@
     "react-remove-scroll": "^2.5.7"
   },
   "devDependencies": {
-    "@playwright/test": "1.40.0",
-    "@strapi/icons": "^1.14.0-typescript.2",
+    "@playwright/test": "1.40.1",
+    "@strapi/icons": "^1.15.0-typescript.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.26",
     "axe-playwright": "^1.2.3",
@@ -51,7 +51,7 @@
     "styled-components": "^5.3.11"
   },
   "peerDependencies": {
-    "@strapi/icons": "1.14.0-typescript.2",
+    "@strapi/icons": "1.15.0-typescript.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-router-dom": "^5.2.0",