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

package/CHANGELOG.md

@@ -7,6 +7,18 @@ 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
+
+- isExpanding state, data-is-expanding attribute to Collapse component
+
 ## [1.6.0] - 2025-11-28
 
 ### Added

package/dist/index.esm.js

@@ -36297,6 +36297,7 @@ 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),
@@ -36304,13 +36305,20 @@ var Collapse = function Collapse(_ref) {
       setIsOpenState = _useState2[1];
 
   var collapseState = useMemo(function () {
+    var collapseElement = collapseRef.current;
     return {
-      expandStart: expandStartHandler,
+      expandStart: function expandStart() {
+        collapseElement.setAttribute('data-is-opened', true);
+        expandStartHandler();
+      },
       expanding: expandingHandler,
       expandEnd: expandEndHandler,
       collapseStart: collapseStartHandler,
       collapsing: collapsingHandler,
-      collapseEnd: collapseEndHandler
+      collapseEnd: function collapseEnd() {
+        collapseEndHandler();
+        collapseElement.setAttribute('data-is-opened', false);
+      }
     };
   }, [expandStartHandler, expandingHandler, expandEndHandler, collapseStartHandler, collapsingHandler, collapseEndHandler]);
 
@@ -36354,16 +36362,16 @@ 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",
-    isOpen: isOpenState
+    ref: collapseRef
   }, /*#__PURE__*/React__default.createElement(styled.HeaderWrapper, _extends$1({
     className: "collapse__header"
   }, getToggleProps(togglePropsParams), {
-    isOpen: isOpenState,
     position: position
   }), /*#__PURE__*/React__default.createElement(styled.CollapseButton, buttonProps), renderHeader()), /*#__PURE__*/React__default.createElement("div", getCollapseProps(), /*#__PURE__*/React__default.createElement(styled.ContentWrapper, {
     className: "collapse__content",