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

package/CHANGELOG.md

@@ -7,17 +7,17 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
-## [1.7.0-beta.2] - 2026-01-06
+## [1.7.0] - 2026-01-12
 
 ### Added
 
-- ref to wrapper element in Collapse component, data-is-opened attribute to handle Collapse opening and closing
+- ref to wrapper element in Collapse component
+- data-is-opened attribute to handle Collapse opening and closing states dynamically
 
-## [1.6.0-beta.1] - 2026-01-06
-
-### Added
+### Changed
 
-- isExpanding state, data-is-expanding attribute to Collapse component
+- 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
 

package/dist/index.esm.js

@@ -36305,10 +36305,11 @@ var Collapse = function Collapse(_ref) {
       setIsOpenState = _useState2[1];
 
   var collapseState = useMemo(function () {
-    var collapseElement = collapseRef.current;
     return {
       expandStart: function expandStart() {
-        collapseElement.setAttribute('data-is-opened', true);
+        var _collapseRef$current;
+
+        (_collapseRef$current = collapseRef.current) === null || _collapseRef$current === void 0 || _collapseRef$current.setAttribute('data-is-opened', String(true));
         expandStartHandler();
       },
       expanding: expandingHandler,
@@ -36316,8 +36317,10 @@ var Collapse = function Collapse(_ref) {
       collapseStart: collapseStartHandler,
       collapsing: collapsingHandler,
       collapseEnd: function collapseEnd() {
+        var _collapseRef$current2;
+
         collapseEndHandler();
-        collapseElement.setAttribute('data-is-opened', false);
+        (_collapseRef$current2 = collapseRef.current) === null || _collapseRef$current2 === void 0 || _collapseRef$current2.setAttribute('data-is-opened', String(false));
       }
     };
   }, [expandStartHandler, expandingHandler, expandEndHandler, collapseStartHandler, collapsingHandler, collapseEndHandler]);
@@ -36362,7 +36365,9 @@ var Collapse = function Collapse(_ref) {
     disabled: disabled
   };
   useEffect(function () {
-    collapseRef.current.setAttribute('data-is-opened', isOpenState);
+    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;