@zextras/carbonio-design-system 0.3.7 → 0.3.8

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.3.8](https://github.com/Zextras/carbonio-design-system/compare/v0.3.7...v0.3.8) (2022-07-25)
+
+
+### Features
+
+* added disableTransition prop to Accordion ([5811d4b](https://github.com/Zextras/carbonio-design-system/commit/5811d4b4af56b07533a8a810e4ae57926b4a480d))
+* added repeat exception icon ([346f6c8](https://github.com/Zextras/carbonio-design-system/commit/346f6c80652f084656bb9fbd6699dd3535eff88f)), closes [#96](https://github.com/Zextras/carbonio-design-system/issues/96)
+* added repeat exception icon ([b2da7ca](https://github.com/Zextras/carbonio-design-system/commit/b2da7ca7dc9e08a3bc547e5f161ee666cdbe5f92))
+
+
+### Bug Fixes
+
+* clear popper listener register on unmount ([06b5856](https://github.com/Zextras/carbonio-design-system/commit/06b58560109b441abcba027034cb6aa571aea0af))
+
 ### [0.3.7](https://github.com/Zextras/carbonio-design-system/compare/v0.3.6...v0.3.7) (2022-07-21)
 
 

package/dist/zapp-ui.bundle.js

@@ -6327,6 +6327,18 @@ function SvgRepeat(props) {
   }))));
 }
 
+function SvgRepeatException(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M6.09 19h12l-1.3 1.29a1.004 1.004 0 101.42 1.42l3-3a1.002 1.002 0 000-1.42l-3-3a1.002 1.002 0 00-1.639.325 1 1 0 00.219 1.095l1.3 1.29h-12a1.559 1.559 0 01-1.59-1.53V13a1 1 0 10-2 0v2.47A3.56 3.56 0 006.09 19zM5.79 9.71a1.004 1.004 0 001.42-1.42L5.91 7h12a1.56 1.56 0 011.59 1.53V11a1 1 0 102 0V8.53A3.56 3.56 0 0017.91 5h-12l1.3-1.29a1 1 0 000-1.42 1 1 0 00-1.42 0l-3 3a1 1 0 000 1.42l3 3z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12 16a1 1 0 100-2 1 1 0 000 2zM12 8c-.265 0-.52.088-.707.244a.77.77 0 00-.293.59v3.333a.77.77 0 00.293.589c.187.156.442.244.707.244.265 0 .52-.088.707-.244a.77.77 0 00.293-.59V8.834a.77.77 0 00-.293-.589A1.11 1.11 0 0012 8z"
+  }));
+}
+
 function SvgReplyAll(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     width: 24,
@@ -7747,6 +7759,7 @@ var fillData = /*#__PURE__*/Object.freeze({
   Recording: SvgRecording,
   Refresh: SvgRefresh,
   Repeat: SvgRepeat,
+  RepeatException: SvgRepeatException,
   ReplyAll: SvgReplyAll,
   Restore: SvgRestore,
   RewindLeft: SvgRewindLeft,
@@ -35928,8 +35941,8 @@ Collapser.propTypes = {
 };
 
 var _excluded$b = ["item", "children"],
-    _excluded2$4 = ["level", "item", "background", "activeId", "openIds"],
-    _excluded3$1 = ["items", "level", "background", "activeId", "openIds"];
+    _excluded2$4 = ["level", "item", "background", "activeId", "openIds", "disableTransition"],
+    _excluded3$1 = ["items", "level", "background", "activeId", "openIds", "disableTransition"];
 var AccordionContainerEl = styled__default["default"](Container$1).withConfig({
   displayName: "Accordion__AccordionContainerEl",
   componentId: "sc-s8zgku-0"
@@ -35996,6 +36009,7 @@ var AccordionRoot = /*#__PURE__*/React__default["default"].forwardRef(function A
       background = _ref6.background,
       activeId = _ref6.activeId,
       openIds = _ref6.openIds,
+      disableTransition = _ref6.disableTransition,
       rest = _objectWithoutProperties(_ref6, _excluded2$4);
 
   var _useState = React.useState(!!item.open),
@@ -36066,13 +36080,15 @@ var AccordionRoot = /*#__PURE__*/React__default["default"].forwardRef(function A
     crossSize: "100%",
     orientation: "vertical",
     open: open,
-    maxSize: "".concat(item.items.length * 64, "px")
+    maxSize: "".concat(item.items.length * 64, "px"),
+    disableTransition: disableTransition
   }, /*#__PURE__*/React__default["default"].createElement(Accordion, {
     activeId: activeId,
     openIds: openIds,
     items: item.items,
     level: item.level !== undefined ? item.level : level + 1,
-    background: background
+    background: background,
+    disableTransition: disableTransition
   }))));
 });
 var Accordion = /*#__PURE__*/React__default["default"].forwardRef(function AccordionFn(_ref7, ref) {
@@ -36081,6 +36097,7 @@ var Accordion = /*#__PURE__*/React__default["default"].forwardRef(function Accor
       background = _ref7.background,
       activeId = _ref7.activeId,
       openIds = _ref7.openIds,
+      disableTransition = _ref7.disableTransition,
       rest = _objectWithoutProperties(_ref7, _excluded3$1);
 
   return /*#__PURE__*/React__default["default"].createElement(Container$1, _extends({
@@ -36099,7 +36116,8 @@ var Accordion = /*#__PURE__*/React__default["default"].forwardRef(function Accor
       item: item,
       background: background,
       activeId: activeId,
-      openIds: openIds
+      openIds: openIds,
+      disableTransition: disableTransition
     });
   }));
 });
@@ -36127,7 +36145,8 @@ Accordion.propTypes = {
     onOpen: PropTypes__default["default"].func,
     onClose: PropTypes__default["default"].func,
     background: Container$1.propTypes.background,
-    disableHover: PropTypes__default["default"].bool
+    disableHover: PropTypes__default["default"].bool,
+    disableTransition: PropTypes__default["default"].bool
   })),
 
   /** Depth level, internally used for recursion nesting */
@@ -36139,7 +36158,8 @@ Accordion.propTypes = {
 Accordion.defaultProps = {
   items: [],
   level: 0,
-  background: 'gray5'
+  background: 'gray5',
+  disableTransition: false
 };
 
 /**
@@ -36876,19 +36896,22 @@ var Popper = /*#__PURE__*/React__default["default"].forwardRef(function PopperFn
     };
   }, [open, placement, anchorEl, virtualElement, popperRef]);
   React.useEffect(function () {
+    var listenerTimer;
+
     if (open) {
-      setTimeout(function () {
-        return windowObj.document.addEventListener('click', closePopper);
+      listenerTimer = setTimeout(function () {
+        windowObj.document.addEventListener('click', closePopper);
       }, 1);
       return function () {
-        return windowObj.document.removeEventListener('click', closePopper);
+        windowObj.document.removeEventListener('click', closePopper);
+        listenerTimer && clearTimeout(listenerTimer);
       };
     }
 
     return function () {
       return undefined;
     };
-  }, [open, closePopper, windowObj.document]);
+  }, [open, closePopper, windowObj]);
   React.useEffect(function () {
     if (open) {
       wrapperRef.current && wrapperRef.current.focus();
@@ -37024,7 +37047,7 @@ var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popover
     }
   }, [onMouseMove, anchorEl]);
   var innerOnClose = React.useCallback(function () {
-    return !activateOnHover && onClose();
+    !activateOnHover && onClose();
   }, [activateOnHover, onClose]);
   var onMouseEnter = React.useCallback(function () {
     return !innerOpen && anchorEl.current && anchorEl.current.addEventListener('mousemove', onMouseMove);
@@ -37058,7 +37081,7 @@ var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popover
     return function () {
       return undefined;
     };
-  }, [anchorEl, activateOnHover, onMouseEnter, onMouseLeave, closePopover, windowObj.document]);
+  }, [anchorEl, activateOnHover, onMouseEnter, onMouseLeave, closePopover, windowObj]);
   return /*#__PURE__*/React__default["default"].createElement(Popper$1, _extends({
     ref: popoverRef,
     open: activateOnHover ? innerOpen : open,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@zextras/carbonio-design-system",
-	"version": "0.3.7",
+	"version": "0.3.8",
 	"description": "An awesome UI for Zextras Projects.",
 	"main": "dist/zapp-ui.bundle.js",
 	"scripts": {