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

package/dist/index.umd.js

@@ -36323,21 +36323,18 @@
         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),
         isOpenState = _useState2[0],
         setIsOpenState = _useState2[1];
 
-    var _useState3 = React.useState(isOpenState),
-        _useState4 = _slicedToArray(_useState3, 2),
-        isExpanding = _useState4[0],
-        setIsExpanding = _useState4[1];
-
     var collapseState = React.useMemo(function () {
+      var collapseElement = collapseRef.current;
       return {
         expandStart: function expandStart() {
-          setIsExpanding(true);
+          collapseElement.setAttribute('data-is-opened', true);
           expandStartHandler();
         },
         expanding: expandingHandler,
@@ -36346,7 +36343,7 @@
         collapsing: collapsingHandler,
         collapseEnd: function collapseEnd() {
           collapseEndHandler();
-          setIsExpanding(false);
+          collapseElement.setAttribute('data-is-opened', false);
         }
       };
     }, [expandStartHandler, expandingHandler, expandEndHandler, collapseStartHandler, collapsingHandler, collapseEndHandler]);
@@ -36391,12 +36388,13 @@
       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",
-      "data-is-expanding": isExpanding
+      ref: collapseRef
     }, /*#__PURE__*/React__default["default"].createElement(styled.HeaderWrapper, _extends$1({
       className: "collapse__header"
     }, getToggleProps(togglePropsParams), {