@janiscommerce/ui-web 1.6.0-beta.1 → 1.7.0-beta.2

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [1.7.0-beta.2] - 2026-01-06
+
+### Added
+
+- ref to wrapper element in Collapse component, data-is-opened attribute to handle Collapse opening and closing
+
 ## [1.6.0-beta.1] - 2026-01-06
 
 ### Added

package/dist/index.esm.js

@@ -36297,21 +36297,18 @@ var Collapse = function Collapse(_ref) {
       collapsingHandler = _ref$collapsingHandle === void 0 ? function () {} : _ref$collapsingHandle,
       _ref$collapseEndHandl = _ref.collapseEndHandler,
       collapseEndHandler = _ref$collapseEndHandl === void 0 ? function () {} : _ref$collapseEndHandl;
+  var collapseRef = useRef(null);
 
   var _useState = useState(isOpen),
       _useState2 = _slicedToArray(_useState, 2),
       isOpenState = _useState2[0],
       setIsOpenState = _useState2[1];
 
-  var _useState3 = useState(isOpenState),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isExpanding = _useState4[0],
-      setIsExpanding = _useState4[1];
-
   var collapseState = useMemo(function () {
+    var collapseElement = collapseRef.current;
     return {
       expandStart: function expandStart() {
-        setIsExpanding(true);
+        collapseElement.setAttribute('data-is-opened', true);
         expandStartHandler();
       },
       expanding: expandingHandler,
@@ -36320,7 +36317,7 @@ var Collapse = function Collapse(_ref) {
       collapsing: collapsingHandler,
       collapseEnd: function collapseEnd() {
         collapseEndHandler();
-        setIsExpanding(false);
+        collapseElement.setAttribute('data-is-opened', false);
       }
     };
   }, [expandStartHandler, expandingHandler, expandEndHandler, collapseStartHandler, collapsingHandler, collapseEndHandler]);
@@ -36365,12 +36362,13 @@ var Collapse = function Collapse(_ref) {
     disabled: disabled
   };
   useEffect(function () {
+    collapseRef.current.setAttribute('data-is-opened', isOpenState);
     setIsOpenState(isOpen);
   }, [isOpen]);
   if (!renderHeader || !isFunction(renderHeader) || !renderContent || !isFunction(renderContent)) return null;
   return /*#__PURE__*/React__default.createElement(styled.Wrapper, {
     className: "collapse",
-    "data-is-expanding": isExpanding
+    ref: collapseRef
   }, /*#__PURE__*/React__default.createElement(styled.HeaderWrapper, _extends$1({
     className: "collapse__header"
   }, getToggleProps(togglePropsParams), {