@plesk/ui-library 3.31.2 → 3.32.0

package/esm/components/ComboBoxDropdown/ComboBoxDropdown.js

@@ -1,15 +1,15 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-/* eslint-disable react/prop-types */
-
-import React, { useRef, useState, useEffect, useLayoutEffect } from 'react';
+import { useRef, useState, useEffect, useLayoutEffect } from 'react';
 import { Z_INDEX_DROPDOWN, CLS_PREFIX } from '../../constants';
 import classNames from 'classnames';
 import Popper from '../Popper';
 import Menu, { MenuItem, MenuHeader } from '../Menu';
 import AutoClosable from '../AutoClosable';
 import { safeInvoke, scrollIntoView } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export const findNextSafeIndex = (currIndex, diff, options) => {
   const maxIndex = options.length - 1;
   let attempt = 0;
@@ -87,75 +87,82 @@ const ComboBoxDropdown = _ref => {
       }
     });
   }, [emitter]);
-  const target = /*#__PURE__*/React.createElement(AutoClosable, {
+  const target = /*#__PURE__*/_jsx(AutoClosable, {
     onClose: () => {
       setTimeout(() => {
         safeInvoke(onClose);
       }, 0);
     },
     ignoreNodes: () => [menuRef.current],
-    nodeRef: controlRef
-  }, control);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: className
-  }, props, {
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement(Popper, {
-    target: target,
-    targetRef: controlRef,
-    show: opened && !disabled,
-    className: `${baseClassName}__popper`,
-    zIndex: Z_INDEX_DROPDOWN
-  }, /*#__PURE__*/React.createElement(Menu, {
-    style: {
-      minWidth
-    },
-    ref: menuRef,
-    className: `${baseClassName}__menu`
-  }, groups.reduce((acc, group) => {
-    if (group.label) {
-      acc.push( /*#__PURE__*/React.createElement(MenuHeader, _extends({}, group.props, {
-        key: `group_${group.label}`
-      }), group.label));
-    }
-    group.options.forEach(option => {
-      const optionIndex = options.indexOf(option);
-      let onClick;
-      let onMouseOver;
-      let onMouseDown;
-      if (!option.disabled) {
-        onClick = e => {
-          e.preventDefault();
-          safeInvoke(onSelect, option.value);
-        };
-        onMouseOver = () => {
-          // TODO: use throttle
-          safeInvoke(onHighlightedIndexChange, optionIndex);
-        };
-        onMouseDown = e => {
-          e.preventDefault();
-        };
-      }
-      const menuItemProps = {
-        ...option.props,
-        active: value === option.value,
-        className: classNames(`${baseClassName}__option`, {
-          [`${baseClassName}__option--selected`]: optionIndex === highlightedIndex
-        }),
-        disabled: option.disabled,
-        onClick,
-        onMouseOver,
-        onMouseDown,
-        'data-index': optionIndex
-      };
-      acc.push( /*#__PURE__*/React.createElement(MenuItem, _extends({
-        key: `option_${option.value}`
-      }, menuItemProps), option.children));
-    });
-    return acc;
-  }, []), options.length === 0 && noOptions && /*#__PURE__*/React.createElement(MenuItem, {
-    disabled: true,
-    className: `${baseClassName}__no-options`
-  }, noOptions))));
+    nodeRef: controlRef,
+    children: control
+  });
+  return /*#__PURE__*/_jsx("div", {
+    className: className,
+    ...props,
+    ref: rootRef,
+    children: /*#__PURE__*/_jsx(Popper, {
+      target: target,
+      targetRef: controlRef,
+      show: opened && !disabled,
+      className: `${baseClassName}__popper`,
+      zIndex: Z_INDEX_DROPDOWN,
+      children: /*#__PURE__*/_jsxs(Menu, {
+        style: {
+          minWidth
+        },
+        ref: menuRef,
+        className: `${baseClassName}__menu`,
+        children: [groups.reduce((acc, group) => {
+          if (group.label) {
+            acc.push( /*#__PURE__*/_createElement(MenuHeader, {
+              ...group.props,
+              key: `group_${group.label}`
+            }, group.label));
+          }
+          group.options.forEach(option => {
+            const optionIndex = options.indexOf(option);
+            let onClick;
+            let onMouseOver;
+            let onMouseDown;
+            if (!option.disabled) {
+              onClick = e => {
+                e.preventDefault();
+                safeInvoke(onSelect, option.value);
+              };
+              onMouseOver = () => {
+                // TODO: use throttle
+                safeInvoke(onHighlightedIndexChange, optionIndex);
+              };
+              onMouseDown = e => {
+                e.preventDefault();
+              };
+            }
+            const menuItemProps = {
+              ...option.props,
+              active: value === option.value,
+              className: classNames(`${baseClassName}__option`, {
+                [`${baseClassName}__option--selected`]: optionIndex === highlightedIndex
+              }),
+              disabled: option.disabled,
+              onClick,
+              onMouseOver,
+              onMouseDown,
+              'data-index': optionIndex
+            };
+            acc.push( /*#__PURE__*/_jsx(MenuItem, {
+              ...menuItemProps,
+              children: option.children
+            }, `option_${option.value}`));
+          });
+          return acc;
+        }, []), options.length === 0 && noOptions && /*#__PURE__*/_jsx(MenuItem, {
+          disabled: true,
+          className: `${baseClassName}__no-options`,
+          children: noOptions
+        })]
+      })
+    })
+  });
 };
 export default ComboBoxDropdown;

package/esm/components/ConsoleOutput/ConsoleOutput.js

@@ -1,10 +1,11 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React, { PureComponent, createRef } from 'react';
+import { PureComponent, createRef } from 'react';
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const scrollToBottom = el => {
   el.scrollTop = el.scrollHeight;
 };
@@ -62,15 +63,17 @@ class ConsoleOutput extends PureComponent {
       ...props
     } = this.props;
     const onScroll = autoscroll ? this.handleScroll : undefined;
-    return /*#__PURE__*/React.createElement("pre", _extends({
+    return /*#__PURE__*/_jsxs("pre", {
       className: classNames(baseClassName, {
         [`${baseClassName}--wide`]: wide
       }, className),
       ref: this.rootRef,
-      onScroll: onScroll
-    }, props), children, cursor ? /*#__PURE__*/React.createElement("span", {
-      className: `${baseClassName}__cursor`
-    }) : null);
+      onScroll: onScroll,
+      ...props,
+      children: [children, cursor ? /*#__PURE__*/_jsx("span", {
+        className: `${baseClassName}__cursor`
+      }) : null]
+    });
   }
 }
 _defineProperty(ConsoleOutput, "defaultProps", {

package/esm/components/ContentLoader/ContentLoader.js

@@ -1,11 +1,12 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React, { Children } from 'react';
+import { Children } from 'react';
 import classNames from 'classnames';
 import Spinner from '../Spinner';
 import IconsLoader from './IconsLoader';
 import { CLS_PREFIX } from '../../constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const getLoader = loader => {
   let loaderType;
   let loaderProps = {};
@@ -49,9 +50,10 @@ const ContentLoader = _ref => {
     return tmp;
   }
   if (Children.toArray(children).length && overlay) {
-    children = /*#__PURE__*/React.createElement("div", {
-      className: classNames(`${baseClassName}__content`, blur && `${baseClassName}__content--blur`)
-    }, children);
+    children = /*#__PURE__*/_jsx("div", {
+      className: classNames(`${baseClassName}__content`, blur && `${baseClassName}__content--blur`),
+      children: children
+    });
   }
   const {
     loaderType,
@@ -60,14 +62,23 @@ const ContentLoader = _ref => {
   loaderProps.className = classNames(`${baseClassName}__indicator`, {
     [`${baseClassName}__indicator--sm`]: loaderType === 'spinner' && spinner && spinner.size === 'sm'
   });
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classNames(baseClassName, !Children.toArray(children).length && overlay && `${baseClassName}--overlay`, className)
-  }, props), children, /*#__PURE__*/React.createElement("div", {
-    className: classNames(`${baseClassName}__container`, overlay && `${baseClassName}__overlay`, backdrop && `${baseClassName}__backdrop`)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(`${baseClassName}__loader`, `${baseClassName}__loader--${loaderType}`)
-  }, loaderType === 'spinner' && /*#__PURE__*/React.createElement(Spinner, loaderProps), loaderType === 'icons' && /*#__PURE__*/React.createElement(IconsLoader, loaderProps), text && /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__text`
-  }, text))));
+  return /*#__PURE__*/_jsxs("div", {
+    className: classNames(baseClassName, !Children.toArray(children).length && overlay && `${baseClassName}--overlay`, className),
+    ...props,
+    children: [children, /*#__PURE__*/_jsx("div", {
+      className: classNames(`${baseClassName}__container`, overlay && `${baseClassName}__overlay`, backdrop && `${baseClassName}__backdrop`),
+      children: /*#__PURE__*/_jsxs("div", {
+        className: classNames(`${baseClassName}__loader`, `${baseClassName}__loader--${loaderType}`),
+        children: [loaderType === 'spinner' && /*#__PURE__*/_jsx(Spinner, {
+          ...loaderProps
+        }), loaderType === 'icons' && /*#__PURE__*/_jsx(IconsLoader, {
+          ...loaderProps
+        }), text && /*#__PURE__*/_jsx("div", {
+          className: `${baseClassName}__text`,
+          children: text
+        })]
+      })
+    })]
+  });
 };
 export default ContentLoader;

package/esm/components/ContentLoader/IconsLoader.js

@@ -1,10 +1,11 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import Icon from '../Icon';
 import { CLS_PREFIX } from '../../constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_ICONS = ['clock', 'emoticon-smile', 'rocket', 'sand-clock', 'sleep', 'web', 'star'];
 const useIconCursor = (icons, initialCursor, isSync) => {
   const targetRef = useRef(null);
@@ -57,22 +58,26 @@ const IconsLoader = _ref => {
     }
     return false;
   });
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsxs("div", {
     className: classNames(baseClassName, className),
     style: {
       ...style,
       ['--icons-loader-size']: size ? size : undefined
-    }
-  }, props), /*#__PURE__*/React.createElement("div", {
-    className: classNames(`${baseClassName}__icon`, `${baseClassName}__icon--1`),
-    ref: icon1Ref
-  }, Icon.create(icon1, {
-    size: size ? size : '64'
-  })), /*#__PURE__*/React.createElement("div", {
-    className: classNames(`${baseClassName}__icon`, `${baseClassName}__icon--2`),
-    ref: icon2Ref
-  }, Icon.create(icon2, {
-    size: size ? size : '64'
-  })));
+    },
+    ...props,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: classNames(`${baseClassName}__icon`, `${baseClassName}__icon--1`),
+      ref: icon1Ref,
+      children: Icon.create(icon1, {
+        size: size ? size : '64'
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: classNames(`${baseClassName}__icon`, `${baseClassName}__icon--2`),
+      ref: icon2Ref,
+      children: Icon.create(icon2, {
+        size: size ? size : '64'
+      })
+    })]
+  });
 };
 export default IconsLoader;

package/esm/components/Cuttable/Cuttable.js

@@ -1,14 +1,14 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-/* eslint-disable react/no-did-mount-set-state */
 
-import React, { Component, createRef } from 'react';
+import { Component, createRef } from 'react';
 import classNames from 'classnames';
 import Measure from 'react-measure';
 import { CLS_PREFIX } from '../../constants';
 import Translate from '../Translate';
 import Link from '../Link';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `Cuttable` component is used for showing and hiding part of content.
  * @since 0.0.42
@@ -55,35 +55,41 @@ class Cuttable extends Component {
       ...props
     } = this.props;
     const showMoreLessKey = this.state.collapsed ? 'showMore' : 'showLess';
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/_jsxs("div", {
       className: classNames(baseClassName, {
         [`${baseClassName}--collapse`]: this.state.collapsed === true,
         [`${baseClassName}--expand`]: this.state.collapsed === false
-      }, className)
-    }, props), /*#__PURE__*/React.createElement(Measure, {
-      onResize: this.handleResize,
-      innerRef: el => {
-        this.contentRef.current = el;
-      }
-    }, _ref2 => {
-      let {
-        measureRef
-      } = _ref2;
-      return /*#__PURE__*/React.createElement("div", {
-        className: `${baseClassName}__content`,
-        style: {
-          maxHeight
+      }, className),
+      ...props,
+      children: [/*#__PURE__*/_jsx(Measure, {
+        onResize: this.handleResize,
+        innerRef: el => {
+          this.contentRef.current = el;
         },
-        ref: measureRef
-      }, children);
-    }), this.state.collapsed !== undefined && /*#__PURE__*/React.createElement("div", {
-      className: `${baseClassName}__action`
-    }, /*#__PURE__*/React.createElement(Link, {
-      onClick: this.handleToggle
-    }, /*#__PURE__*/React.createElement(Translate, {
-      content: `Cuttable.${showMoreLessKey}`,
-      fallback: locale[showMoreLessKey]
-    }))));
+        children: _ref2 => {
+          let {
+            measureRef
+          } = _ref2;
+          return /*#__PURE__*/_jsx("div", {
+            className: `${baseClassName}__content`,
+            style: {
+              maxHeight
+            },
+            ref: measureRef,
+            children: children
+          });
+        }
+      }), this.state.collapsed !== undefined && /*#__PURE__*/_jsx("div", {
+        className: `${baseClassName}__action`,
+        children: /*#__PURE__*/_jsx(Link, {
+          onClick: this.handleToggle,
+          children: /*#__PURE__*/_jsx(Translate, {
+            content: `Cuttable.${showMoreLessKey}`,
+            fallback: locale[showMoreLessKey]
+          })
+        })
+      })]
+    });
   }
 }
 _defineProperty(Cuttable, "defaultProps", {

package/esm/components/Cuttable/Cuttable.stories.js

@@ -1,15 +1,39 @@
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-import React from 'react';
 import Cuttable from './Cuttable';
 import Paragraph from '../Paragraph';
 import { Basic as BasicItemList } from '../ItemList/ItemList.stories';
-export const Basic = args => /*#__PURE__*/React.createElement(Cuttable, args);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const Basic = args => /*#__PURE__*/_jsx(Cuttable, {
+  ...args
+});
 Basic.args = {
-  children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Paragraph, null, 'Text 1'), /*#__PURE__*/React.createElement(Paragraph, null, 'Text 2'), /*#__PURE__*/React.createElement(Paragraph, null, 'Text 3'), /*#__PURE__*/React.createElement(Paragraph, null, 'Text 4'), /*#__PURE__*/React.createElement(Paragraph, null, 'Text 5'), /*#__PURE__*/React.createElement(Paragraph, null, 'Text 6'), /*#__PURE__*/React.createElement(Paragraph, null, 'Text 7'))
+  children: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Paragraph, {
+      children: 'Text 1'
+    }), /*#__PURE__*/_jsx(Paragraph, {
+      children: 'Text 2'
+    }), /*#__PURE__*/_jsx(Paragraph, {
+      children: 'Text 3'
+    }), /*#__PURE__*/_jsx(Paragraph, {
+      children: 'Text 4'
+    }), /*#__PURE__*/_jsx(Paragraph, {
+      children: 'Text 5'
+    }), /*#__PURE__*/_jsx(Paragraph, {
+      children: 'Text 6'
+    }), /*#__PURE__*/_jsx(Paragraph, {
+      children: 'Text 7'
+    })]
+  })
 };
-export const WithItemList = args => /*#__PURE__*/React.createElement(Cuttable, args);
+export const WithItemList = args => /*#__PURE__*/_jsx(Cuttable, {
+  ...args
+});
 WithItemList.args = {
   maxHeight: 60,
-  children: /*#__PURE__*/React.createElement(BasicItemList, BasicItemList.args)
+  children: /*#__PURE__*/_jsx(BasicItemList, {
+    ...BasicItemList.args
+  })
 };

package/esm/components/Dialog/Dialog.js

@@ -1,7 +1,5 @@
-import _extends from "@babel/runtime/helpers/extends";
 // Copyright 1999-2021. Plesk International GmbH. All rights reserved.
 
-/* eslint-disable react/no-deprecated */
 import React, { isValidElement, cloneElement, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -14,6 +12,8 @@ import Heading from '../Heading';
 import Text from '../Text';
 import Translate, { isLikeText } from '../Translate';
 import { safeInvoke } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const isProps = value => value && typeof value === 'object' && ! /*#__PURE__*/isValidElement(value);
 
 /**
@@ -59,23 +59,27 @@ const Dialog = _ref => {
   const renderImage = (image, block) => {
     const classPrefix = `${baseClassName}__${block}`;
     if ( /*#__PURE__*/isValidElement(image)) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classPrefix
-      }, image);
+      return /*#__PURE__*/_jsx("div", {
+        className: classPrefix,
+        children: image
+      });
     }
     if (typeof image === 'string') {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classPrefix
-      }, /*#__PURE__*/React.createElement("img", {
-        className: `${classPrefix}-inner`,
-        src: image
-      }));
+      return /*#__PURE__*/_jsx("div", {
+        className: classPrefix,
+        children: /*#__PURE__*/_jsx("img", {
+          className: `${classPrefix}-inner`,
+          src: image
+        })
+      });
     }
-    return /*#__PURE__*/React.createElement("div", {
-      className: classPrefix
-    }, /*#__PURE__*/React.createElement("img", _extends({
-      className: `${classPrefix}-inner`
-    }, image)));
+    return /*#__PURE__*/_jsx("div", {
+      className: classPrefix,
+      children: /*#__PURE__*/_jsx("img", {
+        className: `${classPrefix}-inner`,
+        ...image
+      })
+    });
   };
   const getCancelButtonProps = function () {
     let formProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : form;
@@ -87,7 +91,7 @@ const Dialog = _ref => {
     }
     let props = {
       onClick: onCloseWithConfirmation,
-      children: cancelTitle || /*#__PURE__*/React.createElement(Translate, {
+      children: cancelTitle || /*#__PURE__*/_jsx(Translate, {
         content: "Dialog.cancelButton",
         fallback: "Cancel"
       })
@@ -113,12 +117,15 @@ const Dialog = _ref => {
     let cancel;
     const cancelButtonProps = getCancelButtonProps();
     if (cancelButtonProps) {
-      cancel = /*#__PURE__*/React.createElement(Button, cancelButtonProps);
+      cancel = /*#__PURE__*/_jsx(Button, {
+        ...cancelButtonProps
+      });
     }
     if (buttons || cancel) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: `${baseClassName}__buttons`
-      }, buttons, cancel);
+      return /*#__PURE__*/_jsxs("div", {
+        className: `${baseClassName}__buttons`,
+        children: [buttons, cancel]
+      });
     }
     return null;
   };
@@ -133,47 +140,62 @@ const Dialog = _ref => {
       form.cancelButton = getCancelButtonProps();
       form.footerClassName = classNames(form.footerClassName, `${baseClassName}__form-footer`);
       form.applyButton = form.applyButton || false;
-      childrenElement = /*#__PURE__*/React.createElement(Form, form, children);
+      childrenElement = /*#__PURE__*/_jsx(Form, {
+        ...form,
+        children: children
+      });
     }
   } else {
     childrenElement = children;
   }
-  return /*#__PURE__*/React.createElement(Overlay, _extends({
+  return /*#__PURE__*/_jsxs(Overlay, {
     className: classNames(baseClassName, className),
     isOpen: isVisible,
     onClose: onCloseWithConfirmation,
     canCloseOnBackdropClick: canClose && closable,
     canCloseOnEscapePress: canClose && closable,
-    size: size
-  }, props), (title || subtitle || actions) && /*#__PURE__*/React.createElement("header", {
-    className: `${baseClassName}__header`
-  }, banner && renderImage(banner, 'banner'), /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__header-inner`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__header-body`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__header-content`
-  }, isLikeText(title) ? /*#__PURE__*/React.createElement(Heading, {
-    level: "2",
-    className: `${baseClassName}__title`
-  }, title) : /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__title`
-  }, title), subtitle && /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__subtitle`
-  }, isLikeText(subtitle) ? /*#__PURE__*/React.createElement(Text, {
-    intent: "muted"
-  }, subtitle) : subtitle)), (actions || closable) && /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__header-actions`
-  }, actions, closable && /*#__PURE__*/React.createElement(Button, {
-    className: `${baseClassName}__header-close`,
-    disabled: !canClose,
-    ghost: true,
-    size: "lg",
-    icon: "cross-mark",
-    onClick: onCloseWithConfirmation
-  }))))), /*#__PURE__*/React.createElement("div", {
-    className: `${baseClassName}__content`
-  }, image && renderImage(image, 'image'), childrenElement, renderButtons()), closingConfirmationDialog);
+    size: size,
+    ...props,
+    children: [(title || subtitle || actions) && /*#__PURE__*/_jsxs("header", {
+      className: `${baseClassName}__header`,
+      children: [banner && renderImage(banner, 'banner'), /*#__PURE__*/_jsx("div", {
+        className: `${baseClassName}__header-inner`,
+        children: /*#__PURE__*/_jsxs("div", {
+          className: `${baseClassName}__header-body`,
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: `${baseClassName}__header-content`,
+            children: [isLikeText(title) ? /*#__PURE__*/_jsx(Heading, {
+              level: "2",
+              className: `${baseClassName}__title`,
+              children: title
+            }) : /*#__PURE__*/_jsx("div", {
+              className: `${baseClassName}__title`,
+              children: title
+            }), subtitle && /*#__PURE__*/_jsx("div", {
+              className: `${baseClassName}__subtitle`,
+              children: isLikeText(subtitle) ? /*#__PURE__*/_jsx(Text, {
+                intent: "muted",
+                children: subtitle
+              }) : subtitle
+            })]
+          }), (actions || closable) && /*#__PURE__*/_jsxs("div", {
+            className: `${baseClassName}__header-actions`,
+            children: [actions, closable && /*#__PURE__*/_jsx(Button, {
+              className: `${baseClassName}__header-close`,
+              disabled: !canClose,
+              ghost: true,
+              size: "lg",
+              icon: "cross-mark",
+              onClick: onCloseWithConfirmation
+            })]
+          })]
+        })
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClassName}__content`,
+      children: [image && renderImage(image, 'image'), childrenElement, renderButtons()]
+    }), closingConfirmationDialog]
+  });
 };
 Dialog.propTypes = {
   /**