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

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),
@@ -36330,13 +36331,20 @@
         setIsOpenState = _useState2[1];
 
     var collapseState = React.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]);
 
@@ -36380,16 +36388,16 @@
       disabled: disabled
     };
     React.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["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",