@janiscommerce/ui-web 1.5.0-beta.8 → 1.6.0-beta.1

package/dist/index.umd.js

@@ -36286,7 +36286,7 @@
     ContentWrapper: ContentWrapper
   };
 
-  var AVAILABLE_ICONS = ['minus_big_light', 'plus_big_light', 'arrow_down_flat', 'arrow_up_flat'];
+  var AVAILABLE_ICONS = ['minus_big_light', 'plus_big_light', 'arrow_down_flat', 'arrow_up_flat', 'chevron_down', 'chevron_up'];
   var DEFAULT_TOGGLE_ICON = {
     iconNames: {
       opened: 'minus_big_light',
@@ -36329,14 +36329,25 @@
         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 () {
       return {
-        expandStart: expandStartHandler,
+        expandStart: function expandStart() {
+          setIsExpanding(true);
+          expandStartHandler();
+        },
         expanding: expandingHandler,
         expandEnd: expandEndHandler,
         collapseStart: collapseStartHandler,
         collapsing: collapsingHandler,
-        collapseEnd: collapseEndHandler
+        collapseEnd: function collapseEnd() {
+          collapseEndHandler();
+          setIsExpanding(false);
+        }
       };
     }, [expandStartHandler, expandingHandler, expandEndHandler, collapseStartHandler, collapsingHandler, collapseEndHandler]);
 
@@ -36385,11 +36396,10 @@
     if (!renderHeader || !isFunction(renderHeader) || !renderContent || !isFunction(renderContent)) return null;
     return /*#__PURE__*/React__default["default"].createElement(styled.Wrapper, {
       className: "collapse",
-      isOpen: isOpenState
+      "data-is-expanding": isExpanding
     }, /*#__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",