@luminati-io/uikit 6.3.125 → 6.3.127

package/dist/umd/uikit.development.js

@@ -44113,11 +44113,36 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 
 
 
 
 
+var useElementBorderBoxHeight = function useElementBorderBoxHeight() {
+  var ref = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    var el = ref.current;
+    if (!el) return;
+    var observer = new ResizeObserver(function (entries) {
+      setHeight(entries[0].borderBoxSize[0].blockSize);
+    });
+    observer.observe(el);
+    return function () {
+      return observer.disconnect();
+    };
+  }, []);
+  return [ref, height];
+};
 var CodeBlock = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
   var className = props.className,
     classNamePrefix = props.classNamePrefix,
@@ -44127,6 +44152,7 @@ var CodeBlock = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     maxHeight = props.maxHeight,
     _props$max_height = props.max_height,
     max_height = _props$max_height === void 0 ? '500px' : _props$max_height,
+    maxTotalHeight = props.maxTotalHeight,
     lineNumbers = props.lineNumbers,
     copyButton = props.copyButton,
     onCopy = props.onCopy,
@@ -44136,6 +44162,11 @@ var CodeBlock = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     wrap = props.wrap,
     _props$copyButtonPlac = props.copyButtonPlacement,
     copyButtonPlacement = _props$copyButtonPlac === void 0 ? 'top' : _props$copyButtonPlac;
+  var _useElementBorderBoxH = useElementBorderBoxHeight(),
+    _useElementBorderBoxH2 = _slicedToArray(_useElementBorderBoxH, 2),
+    headerRef = _useElementBorderBoxH2[0],
+    headerHeight = _useElementBorderBoxH2[1];
+  var snippetMaxHeight = maxTotalHeight != null ? Math.max(0, maxTotalHeight - headerHeight) : maxHeight || max_height;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CodeBlockWrapper, _extends({
     ref: ref,
     "data-testid": "code_block"
@@ -44144,6 +44175,7 @@ var CodeBlock = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
       wrapper: true
     }, className)
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CodeBlockHeader, {
+    ref: headerRef,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, {
       header: true
     }, variant)
@@ -44151,7 +44183,7 @@ var CodeBlock = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, {
       snippet: true
     }),
-    maxHeight: maxHeight || max_height,
+    maxHeight: snippetMaxHeight,
     lang: lang,
     code: code,
     variant: variant,
@@ -44180,7 +44212,8 @@ CodeBlock.propTypes = {
   loading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   onCopy: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   wrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  copyButtonPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'bottom'])
+  copyButtonPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'bottom']),
+  maxTotalHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)
 };
 var CodeBlockWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CodeBlockWrapper",
@@ -47521,23 +47554,6 @@ var PickerPopover = function PickerPopover(_ref) {
     internalMonth = _useState8[0],
     setInternalMonth = _useState8[1];
   var selectedYear = selected instanceof Date ? selected.getFullYear() : selected === null || selected === void 0 || (_selected$from = selected.from) === null || _selected$from === void 0 || (_selected$from$getFul = _selected$from.getFullYear) === null || _selected$from$getFul === void 0 ? void 0 : _selected$from$getFul.call(_selected$from);
-  var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
-  var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    lockedSize = _useState10[0],
-    setLockedSize = _useState10[1];
-  var onToggleYearPicker = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
-    setShowYearPicker(function (prev) {
-      if (!prev && wrapperRef.current) {
-        var rect = wrapperRef.current.getBoundingClientRect();
-        setLockedSize({
-          width: rect.width,
-          height: rect.height
-        });
-      } else setLockedSize(null);
-      return !prev;
-    });
-  }, []);
   var onYearSelect = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (year) {
     var newMonth = new Date(internalMonth);
     newMonth.setFullYear(year);
@@ -47547,7 +47563,6 @@ var PickerPopover = function PickerPopover(_ref) {
       onChange(clampToMonthDay(selected.getDate(), year, newMonth.getMonth()));
     }
     setShowYearPicker(false);
-    setLockedSize(null);
   }, [internalMonth, onMonthChange, mode, selected, onChange]);
   var onSelect = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (_, day, modifiers) {
     if (modifiers.disabled) return;
@@ -47586,7 +47601,9 @@ var PickerPopover = function PickerPopover(_ref) {
           },
           onClick: function onClick(e) {
             e.stopPropagation();
-            onToggleYearPicker();
+            setShowYearPicker(function (prev) {
+              return !prev;
+            });
           }
         }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, captionProps.children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
           name: "ChevronDown",
@@ -47595,30 +47612,35 @@ var PickerPopover = function PickerPopover(_ref) {
         }));
       }
     });
-  }, [onToggleYearPicker]);
+  }, []);
   var render = typeof renderPopover == 'function' ? renderPopover : function (_ref2) {
     var picker = _ref2.picker;
     return picker;
   };
-  var wrapperStyle = lockedSize ? {
-    width: lockedSize.width,
-    height: lockedSize.height
-  } : undefined;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DayPickerWrapper, {
-    ref: wrapperRef,
-    style: wrapperStyle,
     onMouseDown: function onMouseDown(e) {
       // prevents loss of input focus
       e.preventDefault();
     }
   }, render({
-    picker: showYearPicker ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(YearPickerContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CaptionToggleWrapper, {
+    picker: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PickerContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledDayPicker, _extends({}, rest, pickerProps, {
+      $hidden: showYearPicker,
+      captionLayout: captionLayout,
+      month: internalMonth,
+      onMonthChange: _onMonthChange,
+      onSelect: onSelect,
+      mode: mode,
+      selected: selected,
+      components: pickerComponents
+    })), showYearPicker && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(YearPickerOverlay, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CaptionToggleWrapper, {
       onMouseDown: function onMouseDown(e) {
         return e.stopPropagation();
       },
       onClick: function onClick(e) {
         e.stopPropagation();
-        onToggleYearPicker();
+        setShowYearPicker(function (prev) {
+          return !prev;
+        });
       }
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, (0,date_fns_format__WEBPACK_IMPORTED_MODULE_13__["default"])(internalMonth, 'MMMM yyyy')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
       name: "ChevronUp",
@@ -47628,15 +47650,7 @@ var PickerPopover = function PickerPopover(_ref) {
       selectedYear: selectedYear,
       currentYear: currentYear,
       onYearSelect: onYearSelect
-    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledDayPicker, _extends({}, rest, pickerProps, {
-      captionLayout: captionLayout,
-      month: internalMonth,
-      onMonthChange: _onMonthChange,
-      onSelect: onSelect,
-      mode: mode,
-      selected: selected,
-      components: pickerComponents
-    })),
+    }))),
     hidePopover: hidePopover,
     // XXX legacy api
     popover: {
@@ -47658,9 +47672,19 @@ var DayPickerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().
   var spacing = _ref3.spacing;
   return spacing['02'];
 }));
+var PickerContainer = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+  displayName: "PickerContainer",
+  componentId: "sc-1gurvxq-1"
+})(["position:relative;"]);
+var YearPickerOverlay = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+  displayName: "YearPickerOverlay",
+  componentId: "sc-1gurvxq-2"
+})(["position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;background-color:", ";border-radius:4px;"], theme(function (t) {
+  return t.color.bg;
+}));
 var StyledDropdown = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_dropdown__WEBPACK_IMPORTED_MODULE_10__.Dropdown).withConfig({
   displayName: "StyledDropdown",
-  componentId: "sc-1gurvxq-1"
+  componentId: "sc-1gurvxq-3"
 })(["display:inline-flex;"]);
 var CustomSelectDropdown = function CustomSelectDropdown(_ref4) {
   var options = _ref4.options,
@@ -47798,7 +47822,7 @@ var YearPickerGrid = function YearPickerGrid(_ref8) {
 };
 var YearGridScroller = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "YearGridScroller",
-  componentId: "sc-1gurvxq-2"
+  componentId: "sc-1gurvxq-4"
 })(["overflow-y:auto;flex:1;width:100%;border-top:1px solid ", ";", ""], theme(function (t) {
   return t.color.border_secondary;
 }), function (p) {
@@ -47806,11 +47830,11 @@ var YearGridScroller = styled_components__WEBPACK_IMPORTED_MODULE_3___default().
 });
 var YearGrid = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "YearGrid",
-  componentId: "sc-1gurvxq-3"
+  componentId: "sc-1gurvxq-5"
 })(["display:grid;grid-template-columns:repeat(4,1fr);gap:12px;"]);
 var YearCell = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
   displayName: "YearCell",
-  componentId: "sc-1gurvxq-4"
+  componentId: "sc-1gurvxq-6"
 })(["display:flex;align-items:center;justify-content:center;height:32px;border-radius:4px;cursor:pointer;font-family:", ";font-weight:", ";font-size:", ";color:", ";background-color:", ";border:1px solid ", ";&:hover{background-color:", ";border-color:", ";color:", ";}"], theme(function (t) {
   return t.font_family.sans;
 }), theme(function (t) {
@@ -47832,7 +47856,7 @@ var YearCell = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.w
 });
 var CaptionToggleWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
   displayName: "CaptionToggleWrapper",
-  componentId: "sc-1gurvxq-5"
+  componentId: "sc-1gurvxq-7"
 })(["height:36px;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:0;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";"], theme(function (t) {
   return t.font_family.sans;
 }), theme(function (t) {
@@ -47844,10 +47868,6 @@ var CaptionToggleWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___defaul
 }), theme(function (t) {
   return t.color.text_secondary;
 }));
-var YearPickerContainer = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
-  displayName: "YearPickerContainer",
-  componentId: "sc-1gurvxq-6"
-})(["display:flex;flex-direction:column;align-items:center;height:100%;box-sizing:border-box;"]);
 var StyledDayPicker = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(react_day_picker__WEBPACK_IMPORTED_MODULE_2__.DayPicker).attrs(function (props) {
   return {
     components: props.components || defaultPickerComponents,
@@ -47855,8 +47875,10 @@ var StyledDayPicker = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(r
   };
 }).withConfig({
   displayName: "StyledDayPicker",
-  componentId: "sc-1gurvxq-7"
-})([".rdp-months{position:relative;display:flex;}.rdp-month{padding:0 ", " ", ";&:nth-of-type(2){border-left:1px solid ", ";}}.rdp-month_caption{box-sizing:border-box;height:36px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;.rdp-caption_label{width:100%;text-align:center;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-dropdowns{display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Inter',sans-serif;font-style:normal;font-weight:", ";font-size:", ";}}.rdp-nav{position:absolute;top:8px;right:12px;left:12px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;pointer-events:none;.rdp-button_previous,.rdp-button_next{pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:0;border:0 none;border-radius:4px;cursor:pointer;background-color:", ";.rdp-chevron{width:20px;height:20px;fill:", ";}&:hover:not(:disabled){background-color:", ";.rdp-chevron{fill:", ";}}&:active:not(:disabled){background-color:", ";.rdp-chevron{fill:", ";}}&:disabled{.rdp-chevron{fill:", ";}cursor:not-allowed;}}}.rdp-month_grid{border-collapse:collapse;border:none;border-spacing:0;}.rdp-weekday{box-sizing:border-box;min-width:32px;max-width:32px;height:32px;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-today .rdp-day_button{color:", ";font-weight:", ";}.rdp-selected .rdp-day_button{background-color:", ";border:1px solid ", ";color:", ";}.rdp-range_middle{.rdp-day_button{background-color:", ";border:1px solid ", ";color:", ";}&.rdp-today .rdp-day_button{color:", ";}}.rdp-day_button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:4px;border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){background-color:", ";border:1px solid ", ";color:", ";}&:disabled{color:", ";cursor:not-allowed;}}.rdp-range_start:not(.rdp-range_end) .rdp-day_button,.rdp-range_middle .rdp-day_button{border-top-right-radius:0;border-bottom-right-radius:0;}.rdp-range_end:not(.rdp-range_start) .rdp-day_button,.rdp-range_middle .rdp-day_button{border-top-left-radius:0;border-bottom-left-radius:0;}.rdp-day{padding:0;}"], theme(function (t) {
+  componentId: "sc-1gurvxq-8"
+})(["", " .rdp-months{position:relative;display:flex;}.rdp-month{padding:0 ", " ", ";&:nth-of-type(2){border-left:1px solid ", ";}}.rdp-month_caption{box-sizing:border-box;height:36px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;.rdp-caption_label{width:100%;text-align:center;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-dropdowns{display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Inter',sans-serif;font-style:normal;font-weight:", ";font-size:", ";}}.rdp-nav{position:absolute;top:8px;right:12px;left:12px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;pointer-events:none;.rdp-button_previous,.rdp-button_next{pointer-events:auto;display:flex;align-items:center;justify-content:center;padding:0;border:0 none;border-radius:4px;cursor:pointer;background-color:", ";.rdp-chevron{width:20px;height:20px;fill:", ";}&:hover:not(:disabled){background-color:", ";.rdp-chevron{fill:", ";}}&:active:not(:disabled){background-color:", ";.rdp-chevron{fill:", ";}}&:disabled{.rdp-chevron{fill:", ";}cursor:not-allowed;}}}.rdp-month_grid{border-collapse:collapse;border:none;border-spacing:0;}.rdp-weekday{box-sizing:border-box;min-width:32px;max-width:32px;height:32px;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";}.rdp-today .rdp-day_button{color:", ";font-weight:", ";}.rdp-selected .rdp-day_button{background-color:", ";border:1px solid ", ";color:", ";}.rdp-range_middle{.rdp-day_button{background-color:", ";border:1px solid ", ";color:", ";}&.rdp-today .rdp-day_button{color:", ";}}.rdp-day_button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:4px;border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){background-color:", ";border:1px solid ", ";color:", ";}&:disabled{color:", ";cursor:not-allowed;}}.rdp-range_start:not(.rdp-range_end) .rdp-day_button,.rdp-range_middle .rdp-day_button{border-top-right-radius:0;border-bottom-right-radius:0;}.rdp-range_end:not(.rdp-range_start) .rdp-day_button,.rdp-range_middle .rdp-day_button{border-top-left-radius:0;border-bottom-left-radius:0;}.rdp-day{padding:0;}"], function (p) {
+  return p.$hidden && 'visibility: hidden;';
+}, theme(function (t) {
   return t.spacing['04'];
 }), theme(function (t) {
   return t.spacing['03'];
@@ -55133,7 +55155,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "classNamePrefix", "onClick", "hotKey", "size"];
+var _excluded = ["className", "classNamePrefix", "onClick", "hotKey", "size", "disabled"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -55156,6 +55178,7 @@ var ModalButton = function ModalButton(_ref) {
     hotKey = _ref.hotKey,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'sm' : _ref$size,
+    disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
   var hotKeyIcon = getHotKeyIcon(hotKey);
   var useHotKeyIcon = typeof rest.icon == 'undefined' && typeof hotKeyIcon != 'undefined';
@@ -55167,21 +55190,24 @@ var ModalButton = function ModalButton(_ref) {
     if (!hotKey) return;
     (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 || _document$activeEleme.blur();
     var onKeydown = function onKeydown(e) {
-      var _onClickRef$current;
-      if (e.key && e.key.toLowerCase() == hotKey.toLowerCase()) (_onClickRef$current = onClickRef.current) === null || _onClickRef$current === void 0 || _onClickRef$current.call(onClickRef, e);
+      if (e.key && e.key.toLowerCase() == hotKey.toLowerCase() && !disabled) {
+        var _onClickRef$current;
+        (_onClickRef$current = onClickRef.current) === null || _onClickRef$current === void 0 || _onClickRef$current.call(onClickRef, e);
+      }
     };
     window.addEventListener('keydown', onKeydown);
     return function () {
       return window.removeEventListener('keydown', onKeydown);
     };
-  }, [hotKey]);
+  }, [hotKey, disabled]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledModalButton, _extends({
     onClick: onClick,
     size: size,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, {
       '-with_hot_key': useHotKeyIcon
     }, className),
-    classNamePrefix: classNamePrefix
+    classNamePrefix: classNamePrefix,
+    disabled: disabled
   }, rest, {
     iconPlacement: iconPlacement,
     icon: icon,