@luminati-io/uikit 6.1.4-beta.0 → 6.1.4-beta.1

package/dist/umd/uikit.development.js

@@ -40120,6 +40120,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+var _excluded = ["onClick", "hotKey"];
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 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); }
 
 
@@ -40158,17 +40161,35 @@ var ButtonsGroup = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_lay
   displayName: "ButtonsGroup",
   componentId: "sc-1p9nv3u-1"
 })([""]);
-var ModalButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_button__WEBPACK_IMPORTED_MODULE_3__.Button).attrs({
-  size: 'sm'
-}).withConfig({
-  displayName: "ModalButton",
-  componentId: "sc-1p9nv3u-2"
-})([""]);
-var ModalHeader = function ModalHeader(_ref4) {
-  var title = _ref4.title,
-    subtitle = _ref4.subtitle,
-    onCancel = _ref4.onCancel,
-    cancelDisabled = _ref4.cancelDisabled;
+var ModalButton = function ModalButton(_ref4) {
+  var onClick = _ref4.onClick,
+    hotKey = _ref4.hotKey,
+    rest = _objectWithoutProperties(_ref4, _excluded);
+  var icon = hotKey == 'enter' ? 'Check' : 'Close';
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    var _document$activeEleme;
+    (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 || _document$activeEleme.blur();
+    if (!hotKey) return;
+    var handle_key_press = function handle_key_press(e) {
+      if (e.key.toLowerCase() == hotKey.toLowerCase()) onClick();
+    };
+    window.addEventListener('keydown', handle_key_press);
+    return function () {
+      return window.removeEventListener('keydown', handle_key_press);
+    };
+  }, []);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_button__WEBPACK_IMPORTED_MODULE_3__.Button, _extends({
+    size: "sm",
+    onClick: onClick,
+    iconPlacement: "right",
+    icon: hotKey && icon
+  }, rest));
+};
+var ModalHeader = function ModalHeader(_ref5) {
+  var title = _ref5.title,
+    subtitle = _ref5.subtitle,
+    onCancel = _ref5.onCancel,
+    cancelDisabled = _ref5.cancelDisabled;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, {
     align_items: "center",
     justify_content: "space-between",
@@ -40184,15 +40205,15 @@ ModalHeader.propTypes = {
   onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   cancelDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-var ModalFooter = function ModalFooter(_ref5) {
-  var _ref5$okLabel = _ref5.okLabel,
-    okLabel = _ref5$okLabel === void 0 ? 'OK' : _ref5$okLabel,
-    _ref5$cancelLabel = _ref5.cancelLabel,
-    cancelLabel = _ref5$cancelLabel === void 0 ? 'Cancel' : _ref5$cancelLabel,
-    onOk = _ref5.onOk,
-    onCancel = _ref5.onCancel,
-    okDisabled = _ref5.okDisabled,
-    cancelDisabled = _ref5.cancelDisabled;
+var ModalFooter = function ModalFooter(_ref6) {
+  var _ref6$okLabel = _ref6.okLabel,
+    okLabel = _ref6$okLabel === void 0 ? 'OK' : _ref6$okLabel,
+    _ref6$cancelLabel = _ref6.cancelLabel,
+    cancelLabel = _ref6$cancelLabel === void 0 ? 'Cancel' : _ref6$cancelLabel,
+    onOk = _ref6.onOk,
+    onCancel = _ref6.onCancel,
+    okDisabled = _ref6.okDisabled,
+    cancelDisabled = _ref6.cancelDisabled;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, {
     width: "100%",
     justify_content: "flex-end"
@@ -40201,12 +40222,14 @@ var ModalFooter = function ModalFooter(_ref5) {
     variant: "secondary",
     onClick: onCancel,
     disabled: cancelDisabled,
+    hotKey: "escape",
     "data-testid": "modal_footer_cancel_button"
   }), onOk && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ModalButton, {
     text: okLabel,
     variant: "primary",
     onClick: onOk,
     disabled: okDisabled,
+    hotKey: "enter",
     "data-testid": "modal_footer_ok_button"
   })));
 };
@@ -40216,7 +40239,8 @@ ModalFooter.propTypes = {
   onOk: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   okDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  cancelDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  cancelDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  hotKey: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['enter', 'escape'])
 };
 
 /***/ }),