@datarobot/design-system 28.6.1 → 28.7.0

package/js/bundle/bundle.js

@@ -63544,76 +63544,6 @@ function getDummyNode(id) {
 
 /***/ }),
 
-/***/ "./src/components/icon-sidebar/icon-sidebar-button.tsx":
-/*!*************************************************************!*\
-  !*** ./src/components/icon-sidebar/icon-sidebar-button.tsx ***!
-  \*************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   IconSidebarButton: () => (/* binding */ IconSidebarButton)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../tooltip */ "./src/components/tooltip/index.ts");
-/* harmony import */ var _font_awesome_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../font-awesome-icon */ "./src/components/font-awesome-icon/index.ts");
-/* harmony import */ var _icon_sidebar_less__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./icon-sidebar.less */ "./src/components/icon-sidebar/icon-sidebar.less");
-/* harmony import */ var _icon_sidebar_less__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_icon_sidebar_less__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _truncate_with_tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../truncate-with-tooltip */ "./src/components/truncate-with-tooltip/index.ts");
-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 IconSidebarButton(_ref) {
-  var option = _ref.option,
-    selected = _ref.selected,
-    isLimited = _ref.isLimited,
-    onSelect = _ref.onSelect;
-  var isSelected = option.key === selected;
-  var icon = isSelected && option.selectedIcon ? option.selectedIcon : option.icon;
-  var getTitle = function getTitle() {
-    if (option.title) {
-      if (option.tooltipText) {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-          className: "icon-sidebar-text"
-        }, option.title);
-      }
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_truncate_with_tooltip__WEBPACK_IMPORTED_MODULE_5__.TruncateWithTooltip, {
-        className: "icon-sidebar-text"
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, option.title));
-    }
-  };
-  var content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "icon-sidebar-button-icon-container"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_font_awesome_icon__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, {
-    icon: icon
-  })), getTitle(), option.divider && !isLimited && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: "icon-sidebar-divider"
-  }));
-  var props = {
-    className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('icon-sidebar-button-container', option.className, option.disabled && 'disabled', isSelected && 'selected'),
-    disabled: option.disabled,
-    'test-id': option.testId,
-    'aria-label': option.title && typeof option.title === 'string' ? option.title : option.ariaLabel
-  };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_2__.Tooltip, {
-    content: option.tooltipText,
-    placement: option.tooltipPlacement
-  }, onSelect ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", _extends({}, props, {
-    onClick: function onClick() {
-      return onSelect(option);
-    }
-  }), content) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", props, content));
-}
-
-/***/ }),
-
 /***/ "./src/components/icon-sidebar/icon-sidebar.less":
 /*!*******************************************************!*\
   !*** ./src/components/icon-sidebar/icon-sidebar.less ***!
@@ -63642,9 +63572,9 @@ function IconSidebarButton(_ref) {
 /* harmony import */ var _fortawesome_free_solid_svg_icons_faEllipsisVertical__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons/faEllipsisVertical */ "@fortawesome/free-solid-svg-icons/faEllipsisVertical");
 /* harmony import */ var _fortawesome_free_solid_svg_icons_faEllipsisVertical__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_free_solid_svg_icons_faEllipsisVertical__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _dropdown_menu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../dropdown-menu */ "./src/components/dropdown-menu/index.ts");
-/* harmony import */ var _icon_sidebar_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./icon-sidebar-button */ "./src/components/icon-sidebar/icon-sidebar-button.tsx");
-/* harmony import */ var _adaptive_list__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../adaptive-list */ "./src/components/adaptive-list/index.ts");
-/* harmony import */ var _hooks_use_translation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks/use-translation */ "./src/components/hooks/use-translation/index.ts");
+/* harmony import */ var _adaptive_list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../adaptive-list */ "./src/components/adaptive-list/index.ts");
+/* harmony import */ var _hooks_use_translation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-translation */ "./src/components/hooks/use-translation/index.ts");
+/* harmony import */ var _with_icon_sidebar_item__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./with-icon-sidebar-item */ "./src/components/icon-sidebar/with-icon-sidebar-item.tsx");
 /* harmony import */ var _icon_sidebar_less__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./icon-sidebar.less */ "./src/components/icon-sidebar/icon-sidebar.less");
 /* harmony import */ var _icon_sidebar_less__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_icon_sidebar_less__WEBPACK_IMPORTED_MODULE_7__);
 
@@ -63673,17 +63603,19 @@ function IconSidebar(_ref) {
     footerOption = _ref.footerOption,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? ICON_SIDEBAR_POSITION.LEFT : _ref$position,
-    moreButtonText = _ref.moreButtonText;
-  var _useTranslation = (0,_hooks_use_translation__WEBPACK_IMPORTED_MODULE_6__.useTranslation)(),
+    moreButtonText = _ref.moreButtonText,
+    LinkComponent = _ref.LinkComponent;
+  var _useTranslation = (0,_hooks_use_translation__WEBPACK_IMPORTED_MODULE_5__.useTranslation)(),
     t = _useTranslation.t;
+  var ItemComponent = (0,_with_icon_sidebar_item__WEBPACK_IMPORTED_MODULE_6__.withIconSidebarItem)(LinkComponent);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('icon-sidebar-container', className, position)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "icon-sidebar-main-container"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_adaptive_list__WEBPACK_IMPORTED_MODULE_5__.AdaptiveList, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_adaptive_list__WEBPACK_IMPORTED_MODULE_4__.AdaptiveList, {
     selected: selected,
     onSelect: onSelect,
-    Component: _icon_sidebar_button__WEBPACK_IMPORTED_MODULE_4__.IconSidebarButton,
+    Component: ItemComponent,
     target: "offsetHeight",
     triggerOffset: 62,
     options: options,
@@ -63692,7 +63624,7 @@ function IconSidebar(_ref) {
       placement: position === ICON_SIDEBAR_POSITION.LEFT ? _dropdown_menu__WEBPACK_IMPORTED_MODULE_3__.DROPDOWN_MENU_PLACEMENT_TYPES.RIGHT_START : _dropdown_menu__WEBPACK_IMPORTED_MODULE_3__.DROPDOWN_MENU_PLACEMENT_TYPES.LEFT_START,
       triggerDynamicContent: function triggerDynamicContent(_ref2) {
         var isOpen = _ref2.isOpen;
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_sidebar_button__WEBPACK_IMPORTED_MODULE_4__.IconSidebarButton, {
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ItemComponent, {
           option: {
             key: 'more-trigger',
             title: moreButtonText !== null && moreButtonText !== void 0 ? moreButtonText : t('More'),
@@ -63704,7 +63636,7 @@ function IconSidebar(_ref) {
     }
   })), footerOption && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "icon-sidebar-footer-container"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_sidebar_button__WEBPACK_IMPORTED_MODULE_4__.IconSidebarButton, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ItemComponent, {
     option: footerOption,
     onSelect: onSelect,
     selected: selected
@@ -63729,6 +63661,111 @@ function IconSidebar(_ref) {
 
 
 
+/***/ }),
+
+/***/ "./src/components/icon-sidebar/with-icon-sidebar-item.tsx":
+/*!****************************************************************!*\
+  !*** ./src/components/icon-sidebar/with-icon-sidebar-item.tsx ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   withIconSidebarItem: () => (/* binding */ withIconSidebarItem)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../tooltip */ "./src/components/tooltip/index.ts");
+/* harmony import */ var _font_awesome_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../font-awesome-icon */ "./src/components/font-awesome-icon/index.ts");
+/* harmony import */ var _icon_sidebar_less__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./icon-sidebar.less */ "./src/components/icon-sidebar/icon-sidebar.less");
+/* harmony import */ var _icon_sidebar_less__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_icon_sidebar_less__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _truncate_with_tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../truncate-with-tooltip */ "./src/components/truncate-with-tooltip/index.ts");
+var _excluded = ["children"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+
+
+
+var DefaultLink = function DefaultLink(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
+    rel: "noopener noreferrer"
+  }, props), children);
+};
+var withIconSidebarItem = function withIconSidebarItem() {
+  var LinkComponent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DefaultLink;
+  var IconSidebarItem = function IconSidebarItem(_ref2) {
+    var option = _ref2.option,
+      selected = _ref2.selected,
+      isLimited = _ref2.isLimited,
+      onSelect = _ref2.onSelect;
+    var isSelected = option.key === selected;
+    var icon = isSelected && option.selectedIcon ? option.selectedIcon : option.icon;
+    var getTitle = function getTitle() {
+      if (option.title) {
+        if (option.tooltipText) {
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+            className: "icon-sidebar-text"
+          }, option.title);
+        }
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_truncate_with_tooltip__WEBPACK_IMPORTED_MODULE_5__.TruncateWithTooltip, {
+          className: "icon-sidebar-text"
+        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, option.title));
+      }
+    };
+    var onClick = function onClick(e) {
+      if (option.disabled) {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+
+      // Prevent calling onSelect when link is opened in a new tab
+      if (e.metaKey || e.ctrlKey) {
+        return;
+      }
+      onSelect === null || onSelect === void 0 || onSelect(option);
+    };
+    var content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: "icon-sidebar-button-icon-container"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_font_awesome_icon__WEBPACK_IMPORTED_MODULE_3__.FontAwesomeIcon, {
+      icon: icon
+    })), getTitle(), option.divider && !isLimited && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: "icon-sidebar-divider"
+    }));
+    var props = {
+      className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('icon-sidebar-button-container', option.className, option.disabled && 'disabled', isSelected && 'selected'),
+      'test-id': option.testId,
+      'aria-label': option.title && typeof option.title === 'string' ? option.title : option.ariaLabel
+    };
+    if (option.link) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_2__.Tooltip, {
+        content: option.tooltipText,
+        placement: option.tooltipPlacement
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(LinkComponent, _extends({}, props, {
+        tabIndex: option.disabled ? -1 : 0,
+        href: option.link,
+        onClick: onClick
+      }), content)));
+    }
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_2__.Tooltip, {
+      content: option.tooltipText,
+      placement: option.tooltipPlacement
+    }, onSelect ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", _extends({}, props, {
+      onClick: onClick,
+      disabled: option.disabled
+    }), content) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", props, content));
+  };
+  return IconSidebarItem;
+};
+
 /***/ }),
 
 /***/ "./src/components/index.ts":
@@ -65453,7 +65490,7 @@ var KeyValuePairs = function KeyValuePairs(_ref5) {
   var placeholder = placeholderParams !== null && placeholderParams !== void 0 ? placeholderParams : t('No items found');
   var buttonText = buttonTextParams !== null && buttonTextParams !== void 0 ? buttonTextParams : t('Add item');
   var maxItemsTooltipText = maxItemsTooltipTextParams !== null && maxItemsTooltipTextParams !== void 0 ? maxItemsTooltipTextParams : t('Max number of key-value pairs reached');
-  var emptyItemErrorText = emptyItemErrorTextParams !== null && emptyItemErrorTextParams !== void 0 ? emptyItemErrorTextParams : t('Above field(s) should not be empty.');
+  var emptyItemErrorText = emptyItemErrorTextParams !== null && emptyItemErrorTextParams !== void 0 ? emptyItemErrorTextParams : t('Above field(s) should not be empty');
   var deleteKeyValueText = deleteKeyValueTextParams !== null && deleteKeyValueTextParams !== void 0 ? deleteKeyValueTextParams : t('Delete');
   var keyInputAriaLabel = keyInputAriaLabelParams !== null && keyInputAriaLabelParams !== void 0 ? keyInputAriaLabelParams : t('Key input');
   var valueInputAriaLabel = valueInputAriaLabelParams !== null && valueInputAriaLabelParams !== void 0 ? valueInputAriaLabelParams : t('Value input');
@@ -73364,9 +73401,11 @@ var Skeleton = function Skeleton(_ref) {
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../message */ "./src/components/message/index.ts");
-/* harmony import */ var _smooth_transition_loader_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./smooth-transition-loader.less */ "./src/components/smooth-transition-loader/smooth-transition-loader.less");
-/* harmony import */ var _smooth_transition_loader_less__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_smooth_transition_loader_less__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _hooks_use_translation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks/use-translation */ "./src/components/hooks/use-translation/index.ts");
+/* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../message */ "./src/components/message/index.ts");
+/* harmony import */ var _smooth_transition_loader_less__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./smooth-transition-loader.less */ "./src/components/smooth-transition-loader/smooth-transition-loader.less");
+/* harmony import */ var _smooth_transition_loader_less__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_smooth_transition_loader_less__WEBPACK_IMPORTED_MODULE_3__);
+
 
 
 
@@ -73379,19 +73418,20 @@ var hiddenWrapperClassName = 'smooth-transition-content-hidden';
 function SmoothTransitionLoader(_ref) {
   var children = _ref.children,
     isLoading = _ref.isLoading,
-    _ref$loadingMessage = _ref.loadingMessage,
-    loadingMessage = _ref$loadingMessage === void 0 ? 'Initializing Data' : _ref$loadingMessage,
+    loadingMessage = _ref.loadingMessage,
     _ref$loaderTestId = _ref.loaderTestId,
     loaderTestId = _ref$loaderTestId === void 0 ? 'smooth-transition-prerender-loader' : _ref$loaderTestId,
     _ref$wrapperTestId = _ref.wrapperTestId,
     wrapperTestId = _ref$wrapperTestId === void 0 ? 'smooth-transition-prerender-wrapper' : _ref$wrapperTestId;
+  var _useTranslation = (0,_hooks_use_translation__WEBPACK_IMPORTED_MODULE_1__.useTranslation)(),
+    t = _useTranslation.t;
   var loader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "smooth-transition-prerender-loader",
     "test-id": loaderTestId
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_message__WEBPACK_IMPORTED_MODULE_1__.Message, {
-    type: _message__WEBPACK_IMPORTED_MODULE_1__.MESSAGE_TYPES.IN_PROGRESS,
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_message__WEBPACK_IMPORTED_MODULE_2__.Message, {
+    type: _message__WEBPACK_IMPORTED_MODULE_2__.MESSAGE_TYPES.IN_PROGRESS,
     isCentered: true
-  }, loadingMessage));
+  }, loadingMessage !== null && loadingMessage !== void 0 ? loadingMessage : t('Initializing Data')));
   if (!children) {
     return loader;
   }