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

package/dist/index.umd.js

@@ -36331,10 +36331,11 @@
         setIsOpenState = _useState2[1];
 
     var collapseState = React.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,
@@ -36342,8 +36343,10 @@
         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]);
@@ -36388,7 +36391,9 @@
       disabled: disabled
     };
     React.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;