@razorpay/blade 7.2.0 → 7.2.2

package/build/components/index.web.js

@@ -20627,12 +20627,9 @@ var CardFooterTrailing = /*#__PURE__*/assignWithoutSideEffects(_CardFooterTraili
 var ComponentIds$1 = {
   BottomSheet: 'BottomSheet',
   BottomSheetHeader: 'BottomSheetHeader',
-  BottomSheetHeaderTrailing: 'BottomSheetHeaderTrailing',
-  BottomSheetHeaderLeading: 'BottomSheetHeaderLeading',
   BottomSheetFooter: 'BottomSheetFooter',
-  BottomSheetFooterTrailing: 'BottomSheetFooterTrailing',
-  BottomSheetFooterLeading: 'BottomSheetFooterLeading',
-  BottomSheetBody: 'BottomSheetBody'
+  BottomSheetBody: 'BottomSheetBody',
+  BottomSheetGrabHandle: 'BottomSheetGrabHandle'
 };
 
 var _excluded$g = ["children", "selectionType"];
@@ -27363,10 +27360,13 @@ var _BottomSheetHeader = function _BottomSheetHeader(_ref) {
     setHeaderHeight(ref.current.getBoundingClientRect().height);
   }, [ref, isOpen]);
   var isHeaderEmpty = !(title || subtitle || leading || trailing || showBackButton);
-  return /*#__PURE__*/jsx(BaseBox, {
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread$5(_objectSpread$5({
     ref: ref,
     overflow: isHeaderEmpty ? 'visible' : 'auto',
-    flexShrink: 0,
+    flexShrink: 0
+  }, metaAttribute({
+    name: ComponentIds$1.BottomSheetHeader
+  })), {}, {
     children: isHeaderEmpty ? /*#__PURE__*/jsx(BottomSheetEmptyHeader, {
       ref: defaultInitialFocusRef
     }) : /*#__PURE__*/jsx(BaseHeader, _objectSpread$5({
@@ -27383,7 +27383,7 @@ var _BottomSheetHeader = function _BottomSheetHeader(_ref) {
       showCloseButton: true,
       onCloseButtonClick: close
     }, bind === null || bind === void 0 ? void 0 : bind()))
-  });
+  }));
 };
 
 var BottomSheetHeader = /*#__PURE__*/assignWithoutSideEffects(_BottomSheetHeader, {
@@ -27434,7 +27434,7 @@ var BottomSheetFooter = function BottomSheetFooter(_ref) {
       setFooterHeight(ref.current.getBoundingClientRect().height);
     });
   }, [ref, isOpen]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread$4(_objectSpread$4({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread$4(_objectSpread$4(_objectSpread$4({
     ref: ref,
     width: "100%",
     flexShrink: 0,
@@ -27442,7 +27442,9 @@ var BottomSheetFooter = function BottomSheetFooter(_ref) {
     backgroundColor: theme.colors.surface.background.level2.lowContrast,
     touchAction: "none",
     zIndex: 2
-  }, bind === null || bind === void 0 ? void 0 : bind()), {}, {
+  }, metaAttribute({
+    name: ComponentIds$1.BottomSheetFooter
+  })), bind === null || bind === void 0 ? void 0 : bind()), {}, {
     children: /*#__PURE__*/jsx(BaseFooter, {
       children: children
     })
@@ -27482,7 +27484,7 @@ var _BottomSheetBody = function _BottomSheetBody(_ref) {
   useIsomorphicLayoutEffect(function () {
     if (!contentRef.current) return;
     setContentHeight(contentRef.current.getBoundingClientRect().height);
-  }, [contentRef, isOpen]);
+  }, [contentRef, isOpen, children]);
   React__default.useEffect(function () {
     setBottomSheetHasActionList(false);
     React__default.Children.forEach(children, function (child) {
@@ -27492,7 +27494,8 @@ var _BottomSheetBody = function _BottomSheetBody(_ref) {
     });
   }, [children]);
   return /*#__PURE__*/jsx(BaseBox, _objectSpread$3(_objectSpread$3(_objectSpread$3({}, metaAttribute({
-    testID: 'bottomsheet-body'
+    testID: 'bottomsheet-body',
+    name: ComponentIds$1.BottomSheetBody
   })), {}, {
     ref: scrollRef,
     flexGrow: 1,
@@ -28134,11 +28137,12 @@ var _BottomSheet = function _BottomSheet(_ref2) {
     value: contextValue,
     children: [/*#__PURE__*/jsx(BottomSheetBackdrop, {
       zIndex: zIndex
-    }), /*#__PURE__*/jsx(BottomSheetSurface, _objectSpread(_objectSpread({}, makeAccessible({
+    }), /*#__PURE__*/jsx(BottomSheetSurface, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+      name: ComponentIds$1.BottomSheet
+    })), makeAccessible({
       modal: true,
       role: 'dialog'
     })), {}, {
-      "data-surface": true,
       windowHeight: dimensions.height,
       isDragging: isDragging,
       style: {
@@ -28153,9 +28157,11 @@ var _BottomSheet = function _BottomSheet(_ref2) {
         height: "100%",
         display: "flex",
         flexDirection: "column",
-        children: [/*#__PURE__*/jsx(BottomSheetGrabHandle, _objectSpread({
+        children: [/*#__PURE__*/jsx(BottomSheetGrabHandle, _objectSpread(_objectSpread({
           ref: grabHandleRef
-        }, bind())), children]
+        }, metaAttribute({
+          name: ComponentIds$1.BottomSheetGrabHandle
+        })), bind())), children]
       })
     }))]
   });