@luminati-io/uikit 6.3.125 → 6.3.126

package/dist/umd/uikit.development.js

@@ -47521,23 +47521,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 +47530,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 +47568,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 +47579,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 +47617,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 +47639,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 +47789,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 +47797,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 +47823,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 +47835,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 +47842,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 +55122,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 +55145,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 +55157,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,