chore(TMC-28658): Add a data attribute to detect DS drawer when open (#…

…5324)

Co-authored-by: Geoffroy Baccarini <[email protected]>

.changeset/quiet-tigers-mate.md

@@ -0,0 +1,5 @@
+---
+"@talend/design-system": patch
+---
+
+Design system drawer now has a data attribute to identify when it is opened

packages/design-system/src/components/Drawer/__snapshots__/Drawer.test.tsx.snap

@@ -11,6 +11,7 @@ exports[`FloatingDrawer should render a11y html 1`] = `
     <div
       aria-label="label is required"
       class="theme-drawer"
+      data-drawer-visible="true"
       data-test="drawer"
       data-testid="drawer"
       id="drawer-42"

packages/design-system/src/components/Drawer/variants/FloatingDrawer/FloatingDrawer.tsx

@@ -1,10 +1,11 @@
-import { useEffect, useState, cloneElement } from 'react';
+import { cloneElement, useEffect, useState } from 'react';
 import type { CSSProperties, HTMLAttributes, ReactElement, ReactNode } from 'react';
 import { Transition } from 'react-transition-group';
+
+import { useId } from '../../../../useId';
 import { PrimitiveDrawer } from '../../Primitive/PrimitiveDrawer';
 
 import theme from './FloatingDrawer.module.scss';
-import { useId } from '../../../../useId';
 
 type WithDisclosure = {
 	disclosure: ReactElement;
@@ -90,6 +91,7 @@ export const FloatingDrawer = ({
 							<div
 								data-test="drawer"
 								data-testid="drawer"
+								data-drawer-visible
 								id={uuid}
 								role="dialog"
 								aria-label={props['aria-label']}