@janiscommerce/ui-web 1.6.0 → 1.7.0

package/dist/index.umd.js

@@ -36323,6 +36323,7 @@
         collapsingHandler = _ref$collapsingHandle === void 0 ? function () {} : _ref$collapsingHandle,
         _ref$collapseEndHandl = _ref.collapseEndHandler,
         collapseEndHandler = _ref$collapseEndHandl === void 0 ? function () {} : _ref$collapseEndHandl;
+    var collapseRef = React.useRef(null);
 
     var _useState = React.useState(isOpen),
         _useState2 = _slicedToArray(_useState, 2),
@@ -36331,12 +36332,22 @@
 
     var collapseState = React.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]);
 
@@ -36380,16 +36391,18 @@
       disabled: disabled
     };
     React.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["default"].createElement(styled.Wrapper, {
       className: "collapse",
-      isOpen: isOpenState
+      ref: collapseRef
     }, /*#__PURE__*/React__default["default"].createElement(styled.HeaderWrapper, _extends$1({
       className: "collapse__header"
     }, getToggleProps(togglePropsParams), {
-      isOpen: isOpenState,
       position: position
     }), /*#__PURE__*/React__default["default"].createElement(styled.CollapseButton, buttonProps), renderHeader()), /*#__PURE__*/React__default["default"].createElement("div", getCollapseProps(), /*#__PURE__*/React__default["default"].createElement(styled.ContentWrapper, {
       className: "collapse__content",