@janiscommerce/ui-web 1.6.0 → 1.7.0

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] - 2026-01-12
+
+### Added
+
+- ref to wrapper element in Collapse component
+- data-is-opened attribute to handle Collapse opening and closing states dynamically
+
+### Changed
+
+- Refactored collapseState useMemo to include data-is-opened attribute updates in expandStart and collapseEnd handlers
+- Removed isOpen prop from styled.Wrapper and styled.HeaderWrapper components in favor of data-is-opened attribute
+
 ## [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),
@@ -36305,12 +36306,22 @@ var Collapse = function Collapse(_ref) {
 
   var collapseState = useMemo(function () {
     return {
-      expandStart: expandStartHandler,
+      expandStart: function expandStart() {
+        var _collapseRef$current;
+
+        (_collapseRef$current = collapseRef.current) === null || _collapseRef$current === void 0 || _collapseRef$current.setAttribute('data-is-opened', String(true));
+        expandStartHandler();
+      },
       expanding: expandingHandler,
       expandEnd: expandEndHandler,
       collapseStart: collapseStartHandler,
       collapsing: collapsingHandler,
-      collapseEnd: collapseEndHandler
+      collapseEnd: function collapseEnd() {
+        var _collapseRef$current2;
+
+        collapseEndHandler();
+        (_collapseRef$current2 = collapseRef.current) === null || _collapseRef$current2 === void 0 || _collapseRef$current2.setAttribute('data-is-opened', String(false));
+      }
     };
   }, [expandStartHandler, expandingHandler, expandEndHandler, collapseStartHandler, collapsingHandler, collapseEndHandler]);
 
@@ -36354,16 +36365,18 @@ var Collapse = function Collapse(_ref) {
     disabled: disabled
   };
   useEffect(function () {
+    var _collapseRef$current3;
+
+    if (collapseRef.current) (_collapseRef$current3 = collapseRef.current) === null || _collapseRef$current3 === void 0 || _collapseRef$current3.setAttribute('data-is-opened', String(isOpen));
     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",