@zextras/carbonio-shell-ui 0.4.26 → 0.4.28

package/dist/{vendors-node_modules_reduxjs_toolkit_dist_redux-toolkit_esm_js-node_modules_sentry_browser_es-eb34a0.06a1036c.chunk.js → vendors-node_modules_reduxjs_toolkit_dist_redux-toolkit_esm_js-node_modules_sentry_browser_es-1774a7.2bfce052.chunk.js}

@@ -1,4 +1,4 @@
-(self["webpackChunk_zextras_carbonio_shell_ui"] = self["webpackChunk_zextras_carbonio_shell_ui"] || []).push([["vendors-node_modules_reduxjs_toolkit_dist_redux-toolkit_esm_js-node_modules_sentry_browser_es-eb34a0"],{
+(self["webpackChunk_zextras_carbonio_shell_ui"] = self["webpackChunk_zextras_carbonio_shell_ui"] || []).push([["vendors-node_modules_reduxjs_toolkit_dist_redux-toolkit_esm_js-node_modules_sentry_browser_es-1774a7"],{
 
 /***/ "./node_modules/@babel/runtime/helpers/interopRequireDefault.js":
 /*!**********************************************************************!*\
@@ -31343,7 +31343,7 @@ function getKeyboardPreset(type, callback) {
   var keys = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
   var modifier = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
 
-  function handleArrowUp(e) {
+  function handleArrowUp() {
     if (ref !== null && ref !== void 0 && ref.current) {
       var focusedElement = ref.current.querySelector('[tabindex]:focus');
 
@@ -31363,7 +31363,7 @@ function getKeyboardPreset(type, callback) {
     }
   }
 
-  function handleArrowDown(e) {
+  function handleArrowDown() {
     if (ref !== null && ref !== void 0 && ref.current) {
       var focusedElement = ref.current.querySelector('[tabindex]:focus');
 
@@ -31384,7 +31384,7 @@ function getKeyboardPreset(type, callback) {
     }
   }
 
-  function handleEscape(e) {
+  function handleEscape() {
     if (ref !== null && ref !== void 0 && ref.current) {
       var focusedElement = ref.current.querySelector('[tabindex]:focus');
 
@@ -31394,14 +31394,40 @@ function getKeyboardPreset(type, callback) {
     }
   }
 
-  function handleCtrlArrowUp(e) {
+  var findFirstChildWithClick = function findFirstChildWithClick(element) {
+    var result = element;
+
+    while (!((_result = result) !== null && _result !== void 0 && _result.onclick) && result !== null) {
+      var _result;
+
+      result = result.firstElementChild;
+    }
+
+    return result;
+  };
+
+  var handleEnter = function handleEnter() {
+    if (ref !== null && ref !== void 0 && ref.current) {
+      var focusedElement = ref.current.querySelector('[tabindex]:focus');
+
+      if (focusedElement) {
+        var firstChild = findFirstChildWithClick(focusedElement);
+
+        if (firstChild) {
+          firstChild.click();
+        }
+      }
+    }
+  };
+
+  function handleCtrlArrowUp() {
     if (ref !== null && ref !== void 0 && ref.current) {
       var firstChild = ref.current.querySelector('[tabindex]:first-child');
       firstChild && firstChild.focus();
     }
   }
 
-  function handleCtrlArrowDown(e) {
+  function handleCtrlArrowDown() {
     if (ref !== null && ref !== void 0 && ref.current) {
       var lastChild = ref.current.querySelector('[tabindex]:last-child');
       lastChild && lastChild.focus();
@@ -31479,6 +31505,12 @@ function getKeyboardPreset(type, callback) {
           keys: ['Escape'],
           modifier: modifier
         });
+        eventsArray.push({
+          type: 'keydown',
+          callback: handleEnter,
+          keys: ['Enter', 'NumpadEnter'],
+          modifier: modifier
+        });
         break;
       }
 
@@ -34225,7 +34257,7 @@ Portal.defaultProps = {
 var Portal$1 = Portal;
 
 var _excluded$x = ["open", "children", "label"],
-    _excluded2$6 = ["label", "placement", "maxWidth", "children", "disabled", "disablePortal", "overflowTooltip"];
+    _excluded2$6 = ["label", "placement", "maxWidth", "children", "disabled", "disablePortal", "overflowTooltip", "triggerDelay"];
 var TooltipWrapper = /*#__PURE__*/React__default["default"].forwardRef(function TooltipWrapperFn(_ref, ref) {
   var open = _ref.open,
       children = _ref.children;
@@ -34260,6 +34292,7 @@ var Tooltip = /*#__PURE__*/React__default["default"].forwardRef(function Tooltip
       disabled = _ref2.disabled,
       disablePortal = _ref2.disablePortal,
       overflowTooltip = _ref2.overflowTooltip,
+      triggerDelay = _ref2.triggerDelay,
       rest = _objectWithoutProperties(_ref2, _excluded2$6);
 
   var _useState = React.useState(undefined),
@@ -34271,15 +34304,20 @@ var Tooltip = /*#__PURE__*/React__default["default"].forwardRef(function Tooltip
   var triggerRef = React.useRef(undefined);
   var innerRef = React.useRef(undefined);
   var tooltipRef = useCombinedRefs(ref, innerRef);
+  var timeoutRef = React.useRef(undefined);
   var showTooltip = React.useCallback(function () {
     var textIsCropped = triggerRef.current.className.slice(0, 4) === 'Text' && triggerRef.current.clientWidth < triggerRef.current.scrollWidth || triggerRef.current.clientHeight < triggerRef.current.scrollHeight;
 
     if (textIsCropped && overflowTooltip || !overflowTooltip) {
-      setOpen(true);
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(function () {
+        setOpen(true);
+      }, triggerDelay);
     }
-  }, [overflowTooltip, triggerRef]);
+  }, [overflowTooltip, triggerRef, triggerDelay]);
   var hideTooltip = React.useCallback(function () {
-    return setOpen(false);
+    setOpen(false);
+    clearTimeout(timeoutRef.current);
   }, []);
   React.useLayoutEffect(function () {
     if (typeof open === 'undefined') return;
@@ -34306,7 +34344,7 @@ var Tooltip = /*#__PURE__*/React__default["default"].forwardRef(function Tooltip
   React.useEffect(function () {
     // Added timeout to fix Preact weird bug
     setTimeout(function () {
-      if (triggerRef && triggerRef.current) {
+      if (triggerRef && triggerRef.current && !disabled) {
         triggerRef.current.addEventListener('focus', showTooltip);
         triggerRef.current.addEventListener('blur', hideTooltip);
         triggerRef.current.addEventListener('mouseenter', showTooltip);
@@ -34322,7 +34360,14 @@ var Tooltip = /*#__PURE__*/React__default["default"].forwardRef(function Tooltip
         refSave.removeEventListener('mouseleave', hideTooltip);
       }
     };
-  }, [triggerRef, showTooltip, hideTooltip]);
+  }, [triggerRef, showTooltip, hideTooltip, disabled]);
+  React.useEffect(function () {
+    return function () {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React.cloneElement(children, {
     ref: triggerRef
   }), /*#__PURE__*/React__default["default"].createElement(Portal$1, {
@@ -34351,7 +34396,10 @@ Tooltip.propTypes = {
   disablePortal: PropTypes__default["default"].bool,
 
   /** Invoked by TextWithTooltip component */
-  overflowTooltip: PropTypes__default["default"].bool
+  overflowTooltip: PropTypes__default["default"].bool,
+
+  /** time before tooltip shows, in milliseconds */
+  triggerDelay: PropTypes__default["default"].number
 };
 Tooltip.defaultProps = {
   placement: 'bottom',
@@ -34359,18 +34407,21 @@ Tooltip.defaultProps = {
   label: undefined,
   disabled: false,
   disablePortal: false,
-  overflowTooltip: false
+  overflowTooltip: false,
+  triggerDelay: 500
 };
 var Tooltip$1 = Tooltip;
 
-var _excluded$w = ["children"];
+var _excluded$w = ["children", "triggerDelay"];
 var TextWithTooltip = /*#__PURE__*/React__default["default"].forwardRef(function TextFn(_ref, ref) {
   var children = _ref.children,
+      triggerDelay = _ref.triggerDelay,
       rest = _objectWithoutProperties(_ref, _excluded$w);
 
   return /*#__PURE__*/React__default["default"].createElement(Tooltip$1, {
     label: children,
-    overflowTooltip: true
+    overflowTooltip: true,
+    triggerDelay: triggerDelay
   }, /*#__PURE__*/React__default["default"].createElement(Text$1, _extends({
     ref: ref
   }, rest), children));
@@ -34387,7 +34438,8 @@ TextWithTooltip.propTypes = {
 
   /** Overflow handling */
   overflow: PropTypes__default["default"].oneOf(['ellipsis', 'break-word']),
-  disabled: PropTypes__default["default"].bool
+  disabled: PropTypes__default["default"].bool,
+  triggerDelay: PropTypes__default["default"].number
 };
 var TextWithTooltip$1 = TextWithTooltip;
 
@@ -37932,7 +37984,7 @@ IconCheckbox.defaultProps = {
 };
 var IconCheckbox$1 = IconCheckbox;
 
-var _excluded$l = ["background", "color", "label", "disabledPrimary", "disabledSecondary", "icon", "items", "onClick"];
+var _excluded$l = ["background", "color", "label", "disabledPrimary", "disabledSecondary", "icon", "items", "onClick", "btnProps", "dropdownProps"];
 var MultiButton = /*#__PURE__*/React__default["default"].forwardRef(function MultiButtonFn(_ref, ref) {
   var background = _ref.background,
       color = _ref.color,
@@ -37942,6 +37994,8 @@ var MultiButton = /*#__PURE__*/React__default["default"].forwardRef(function Mul
       icon = _ref.icon,
       items = _ref.items,
       onClick = _ref.onClick,
+      btnProps = _ref.btnProps,
+      dropdownProps = _ref.dropdownProps,
       rest = _objectWithoutProperties(_ref, _excluded$l);
 
   return /*#__PURE__*/React__default["default"].createElement(Container$1, _extends({
@@ -37952,17 +38006,17 @@ var MultiButton = /*#__PURE__*/React__default["default"].forwardRef(function Mul
     height: "fit" // style={{ cursor: disabled ? 'default' : 'pointer' }}
     ,
     crossAlignment: "center"
-  }, rest), /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }, rest), /*#__PURE__*/React__default["default"].createElement(Button$1, _extends({
     backgroundColor: background,
     label: label,
     labelColor: color,
     onClick: onClick,
     disabled: disabledPrimary
-  }), /*#__PURE__*/React__default["default"].createElement(Dropdown$1, {
+  }, btnProps)), /*#__PURE__*/React__default["default"].createElement(Dropdown$1, _extends({
     items: items,
     placement: "bottom-end",
     disabled: disabledSecondary
-  }, /*#__PURE__*/React__default["default"].createElement(IconButton$1, {
+  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(IconButton$1, {
     icon: icon,
     iconColor: color,
     backgroundColor: background,
@@ -47769,7 +47823,7 @@ var useIsVisible = function useIsVisible(listRef) {
   return [vis, ref];
 };
 
-var _excluded$8 = ["listRef", "ItemComponent", "itemProps", "disabled", "background", "selectedBackground", "activeBackground", "active", "selected"],
+var _excluded$8 = ["listRef", "ItemComponent", "itemProps", "disabled", "background", "selectedBackground", "activeBackground", "active", "selected", "item", "onClick", "focusBackground"],
     _excluded2$1 = ["items", "itemProps", "ItemComponent", "selected", "background", "selectedBackground", "activeBackground", "active", "onListBottom", "keyboardShortcutsIsDisabled"];
 var StyledContainer = styled__default["default"](Container$1).withConfig({
   displayName: "List__StyledContainer",
@@ -47804,13 +47858,16 @@ var StyledDiv = styled__default["default"].div.withConfig({
 var LIWrapper = /*#__PURE__*/React.memo(function LIWrapperFn(_ref4) {
   var listRef = _ref4.listRef,
       ItemComponent = _ref4.ItemComponent,
-      itemProps = _ref4.itemProps;
-      _ref4.disabled;
-      var background = _ref4.background,
+      itemProps = _ref4.itemProps,
+      disabled = _ref4.disabled,
+      background = _ref4.background,
       selectedBackground = _ref4.selectedBackground,
       activeBackground = _ref4.activeBackground,
       active = _ref4.active,
       selected = _ref4.selected,
+      item = _ref4.item,
+      onClick = _ref4.onClick,
+      focusBackground = _ref4.focusBackground,
       rest = _objectWithoutProperties(_ref4, _excluded$8);
 
   var _useIsVisible = useIsVisible(listRef),
@@ -47825,15 +47882,20 @@ var LIWrapper = /*#__PURE__*/React.memo(function LIWrapperFn(_ref4) {
     selected: selected,
     selectedBackground: selectedBackground,
     activeBackground: activeBackground,
-    background: background
+    background: background,
+    onClick: disabled ? undefined : item.onClick,
+    focusBackground: focusBackground
   }, /*#__PURE__*/React__default["default"].createElement(ItemComponent, _extends({
     visible: inView
   }, itemProps, rest, {
+    item: item,
+    onClick: onClick || item.onClick,
     active: active,
     selected: selected,
     selectedBackground: selectedBackground,
     activeBackground: activeBackground,
-    background: background
+    background: background,
+    disabled: disabled
   })));
 });
 
@@ -50138,6 +50200,7 @@ var Drop = /*#__PURE__*/React__default["default"].forwardRef(function DropFn(_re
     pointerEvents: 'none'
   };
   var dropEvent = React.useCallback(function (e) {
+    e.preventDefault();
     e && e.stopPropagation();
     setStyleObject({});
     setOverlayAccept(null);
@@ -54730,6 +54793,59 @@ $({ target: 'Promise', stat: true }, {
 
 /***/ }),
 
+/***/ "./node_modules/core-js/modules/es.promise.finally.js":
+/*!************************************************************!*\
+  !*** ./node_modules/core-js/modules/es.promise.finally.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/internals/export.js");
+var IS_PURE = __webpack_require__(/*! ../internals/is-pure */ "./node_modules/core-js/internals/is-pure.js");
+var NativePromise = __webpack_require__(/*! ../internals/native-promise-constructor */ "./node_modules/core-js/internals/native-promise-constructor.js");
+var fails = __webpack_require__(/*! ../internals/fails */ "./node_modules/core-js/internals/fails.js");
+var getBuiltIn = __webpack_require__(/*! ../internals/get-built-in */ "./node_modules/core-js/internals/get-built-in.js");
+var isCallable = __webpack_require__(/*! ../internals/is-callable */ "./node_modules/core-js/internals/is-callable.js");
+var speciesConstructor = __webpack_require__(/*! ../internals/species-constructor */ "./node_modules/core-js/internals/species-constructor.js");
+var promiseResolve = __webpack_require__(/*! ../internals/promise-resolve */ "./node_modules/core-js/internals/promise-resolve.js");
+var redefine = __webpack_require__(/*! ../internals/redefine */ "./node_modules/core-js/internals/redefine.js");
+
+// Safari bug https://bugs.webkit.org/show_bug.cgi?id=200829
+var NON_GENERIC = !!NativePromise && fails(function () {
+  // eslint-disable-next-line unicorn/no-thenable -- required for testing
+  NativePromise.prototype['finally'].call({ then: function () { /* empty */ } }, function () { /* empty */ });
+});
+
+// `Promise.prototype.finally` method
+// https://tc39.es/ecma262/#sec-promise.prototype.finally
+$({ target: 'Promise', proto: true, real: true, forced: NON_GENERIC }, {
+  'finally': function (onFinally) {
+    var C = speciesConstructor(this, getBuiltIn('Promise'));
+    var isFunction = isCallable(onFinally);
+    return this.then(
+      isFunction ? function (x) {
+        return promiseResolve(C, onFinally()).then(function () { return x; });
+      } : onFinally,
+      isFunction ? function (e) {
+        return promiseResolve(C, onFinally()).then(function () { throw e; });
+      } : onFinally
+    );
+  }
+});
+
+// makes sure that native promise-based APIs `Promise#finally` properly works with patched `Promise#then`
+if (!IS_PURE && isCallable(NativePromise)) {
+  var method = getBuiltIn('Promise').prototype['finally'];
+  if (NativePromise.prototype['finally'] !== method) {
+    redefine(NativePromise.prototype, 'finally', method, { unsafe: true });
+  }
+}
+
+ void function register() { /* react-hot-loader/webpack */ var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined; if (!reactHotLoader) { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : exports; /* eslint-enable camelcase, no-undef */ if (!webpackExports) { return; } if (typeof webpackExports === 'function') { reactHotLoader.register(webpackExports, 'module.exports', "/tmp/workspace/extras_carbonio-shell-ui_release/node_modules/core-js/modules/es.promise.finally.js"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } reactHotLoader.register(namedExport, key, "/tmp/workspace/extras_carbonio-shell-ui_release/node_modules/core-js/modules/es.promise.finally.js"); } }(); 
+
+/***/ }),
+
 /***/ "./node_modules/core-js/modules/es.regexp.to-string.js":
 /*!*************************************************************!*\
   !*** ./node_modules/core-js/modules/es.regexp.to-string.js ***!
@@ -54920,6 +55036,54 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
 
 /***/ }),
 
+/***/ "./node_modules/core-js/modules/es.string.starts-with.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/core-js/modules/es.string.starts-with.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+var $ = __webpack_require__(/*! ../internals/export */ "./node_modules/core-js/internals/export.js");
+var uncurryThis = __webpack_require__(/*! ../internals/function-uncurry-this */ "./node_modules/core-js/internals/function-uncurry-this.js");
+var getOwnPropertyDescriptor = (__webpack_require__(/*! ../internals/object-get-own-property-descriptor */ "./node_modules/core-js/internals/object-get-own-property-descriptor.js").f);
+var toLength = __webpack_require__(/*! ../internals/to-length */ "./node_modules/core-js/internals/to-length.js");
+var toString = __webpack_require__(/*! ../internals/to-string */ "./node_modules/core-js/internals/to-string.js");
+var notARegExp = __webpack_require__(/*! ../internals/not-a-regexp */ "./node_modules/core-js/internals/not-a-regexp.js");
+var requireObjectCoercible = __webpack_require__(/*! ../internals/require-object-coercible */ "./node_modules/core-js/internals/require-object-coercible.js");
+var correctIsRegExpLogic = __webpack_require__(/*! ../internals/correct-is-regexp-logic */ "./node_modules/core-js/internals/correct-is-regexp-logic.js");
+var IS_PURE = __webpack_require__(/*! ../internals/is-pure */ "./node_modules/core-js/internals/is-pure.js");
+
+// eslint-disable-next-line es/no-string-prototype-startswith -- safe
+var un$StartsWith = uncurryThis(''.startsWith);
+var stringSlice = uncurryThis(''.slice);
+var min = Math.min;
+
+var CORRECT_IS_REGEXP_LOGIC = correctIsRegExpLogic('startsWith');
+// https://github.com/zloirock/core-js/pull/702
+var MDN_POLYFILL_BUG = !IS_PURE && !CORRECT_IS_REGEXP_LOGIC && !!function () {
+  var descriptor = getOwnPropertyDescriptor(String.prototype, 'startsWith');
+  return descriptor && !descriptor.writable;
+}();
+
+// `String.prototype.startsWith` method
+// https://tc39.es/ecma262/#sec-string.prototype.startswith
+$({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC }, {
+  startsWith: function startsWith(searchString /* , position = 0 */) {
+    var that = toString(requireObjectCoercible(this));
+    notARegExp(searchString);
+    var index = toLength(min(arguments.length > 1 ? arguments[1] : undefined, that.length));
+    var search = toString(searchString);
+    return un$StartsWith
+      ? un$StartsWith(that, search, index)
+      : stringSlice(that, index, index + search.length) === search;
+  }
+});
+
+ void function register() { /* react-hot-loader/webpack */ var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined; if (!reactHotLoader) { return; } /* eslint-disable camelcase, no-undef */ var webpackExports = typeof __webpack_exports__ !== 'undefined' ? __webpack_exports__ : exports; /* eslint-enable camelcase, no-undef */ if (!webpackExports) { return; } if (typeof webpackExports === 'function') { reactHotLoader.register(webpackExports, 'module.exports', "/tmp/workspace/extras_carbonio-shell-ui_release/node_modules/core-js/modules/es.string.starts-with.js"); return; } /* eslint-disable no-restricted-syntax */ for (var key in webpackExports) { /* eslint-enable no-restricted-syntax */ if (!Object.prototype.hasOwnProperty.call(webpackExports, key)) { continue; } var namedExport = void 0; try { namedExport = webpackExports[key]; } catch (err) { continue; } reactHotLoader.register(namedExport, key, "/tmp/workspace/extras_carbonio-shell-ui_release/node_modules/core-js/modules/es.string.starts-with.js"); } }(); 
+
+/***/ }),
+
 /***/ "./node_modules/core-js/modules/es.string.trim.js":
 /*!********************************************************!*\
   !*** ./node_modules/core-js/modules/es.string.trim.js ***!
@@ -251180,4 +251344,4 @@ var loadLanguages = instance.loadLanguages;
 /***/ })
 
 }]);
-//# sourceMappingURL=vendors-node_modules_reduxjs_toolkit_dist_redux-toolkit_esm_js-node_modules_sentry_browser_es-eb34a0.06a1036c.chunk.js.map
+//# sourceMappingURL=vendors-node_modules_reduxjs_toolkit_dist_redux-toolkit_esm_js-node_modules_sentry_browser_es-1774a7.2bfce052.chunk.js.map