@plesk/ui-library 3.35.1 → 3.35.3

package/cjs/components/InPlaceEdit/InPlaceEdit.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
@@ -16,8 +15,6 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _enUS = _interopRequireDefault(require("./locale/en-US"));
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 /**
@@ -57,7 +54,9 @@ class InPlaceEdit extends _react.Component {
       });
     });
     (0, _defineProperty2.default)(this, "handleEditOk", () => {
-      this.props.onChange(this.state.draft);
+      if (this.props.onChange) {
+        this.props.onChange(this.state.draft);
+      }
       this.handleEdit();
     });
   }
@@ -128,31 +127,10 @@ class InPlaceEdit extends _react.Component {
     });
   }
 }
-InPlaceEdit.propTypes = {
-  /**
-   * Value of the component.
-   * @since 1.8.3
-   */
-  value: _propTypes.default.node,
-  /**
-   * Event handler of value change with inline editing form.
-   * @since 1.8.3
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-InPlaceEdit.defaultProps = {
+(0, _defineProperty2.default)(InPlaceEdit, "defaultProps", {
   value: null,
   onChange: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}in-place-edit`
-};
-var _default = InPlaceEdit;
-exports.default = _default;
+});
+var _default = exports.default = InPlaceEdit;

package/cjs/components/InPlaceEdit/locale/en-US.js

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-var _default = {
+var _default = exports.default = {
   editButtonHint: 'Edit value',
   okButtonHint: 'Save changes',
   cancelButtonHint: 'Discard changes'
-};
-exports.default = _default;
+};

package/cjs/components/Input/Input.js

@@ -50,5 +50,4 @@ const Input = _ref => {
     })]
   });
 };
-var _default = Input;
-exports.default = _default;
+var _default = exports.default = Input;

package/cjs/components/InputFile/InputFile.js

@@ -109,5 +109,4 @@ const InputFile = _ref => {
     })]
   });
 };
-var _default = InputFile;
-exports.default = _default;
+var _default = exports.default = InputFile;

package/cjs/components/InputFile/locale/en-US.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-var _default = {
+var _default = exports.default = {
   browseButton: 'Choose file...'
-};
-exports.default = _default;
+};

package/cjs/components/InputNumber/InputNumber.js

@@ -165,5 +165,4 @@ const InputNumber = _ref => {
     })
   });
 };
-var _default = InputNumber;
-exports.default = _default;
+var _default = exports.default = InputNumber;

package/cjs/components/Item/Item.js

@@ -217,5 +217,4 @@ Item.defaultProps = {
   disabled: undefined,
   baseClassName: `${_constants.CLS_PREFIX}item`
 };
-var _default = Item;
-exports.default = _default;
+var _default = exports.default = Item;

package/cjs/components/ItemLink/ItemLink.js

@@ -43,5 +43,4 @@ const ItemLink = _ref => {
     })
   });
 };
-var _default = ItemLink;
-exports.default = _default;
+var _default = exports.default = ItemLink;

package/cjs/components/ItemList/ItemList.js

@@ -265,5 +265,4 @@ class ItemList extends _react.Component {
   selectable: false,
   baseClassName: `${_constants.CLS_PREFIX}item-list`
 });
-var _default = ItemList;
-exports.default = _default;
+var _default = exports.default = ItemList;

package/cjs/components/Label/Label.js

@@ -60,5 +60,4 @@ const Label = _ref => {
     })]
   });
 };
-var _default = Label;
-exports.default = _default;
+var _default = exports.default = Label;

package/cjs/components/Layer/Layer.js

@@ -13,8 +13,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const LevelContext = /*#__PURE__*/(0, _react.createContext)(0);
-const PortalContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-exports.PortalContext = PortalContext;
+const PortalContext = exports.PortalContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 /**
  * `Layer` component.
  */
@@ -50,5 +49,4 @@ const Layer = _ref => {
     })
   }), container);
 };
-var _default = Layer;
-exports.default = _default;
+var _default = exports.default = Layer;

package/cjs/components/Layout/Layout.js

@@ -6,122 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactTransitionGroup = require("react-transition-group");
 var _constants = require("../../constants");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-const propTypes = {
-  /**
-   * Type of the `Layout`
-   * @since 1.4.0
-   */
-  type: _propTypes.default.oneOf(['fluid', 'simplified']),
-  /**
-   * Header content.
-   * @since 1.4.0
-   */
-  header: _propTypes.default.node,
-  /**
-   * Define header position - always on top (fixed) or static.
-   * @since 1.4.0
-   */
-  headerFixed: _propTypes.default.bool,
-  /**
-   * Additional content at the top of the header.
-   * @since 3.2.0
-   */
-  headerAddon: _propTypes.default.node,
-  /**
-   * Sidebar content.
-   * @since 1.4.0
-   */
-  sidebar: _propTypes.default.node,
-  /**
-   * Sidebar type.
-   * @since 3.2.0
-   */
-  sidebarType: _propTypes.default.oneOf(['collapsed', 'folded']),
-  /**
-   * Define if sidebar can collapse.
-   * @since 1.4.0
-   */
-  sidebarCollapsible: _propTypes.default.bool,
-  /**
-   * Sidebar collapsed state.
-   * A boolean value is used for desktop mode only, but you can set an array with collapsed states for all modes, e.g. `['responsive', 'desktop']`.
-   *
-   * @since 1.4.0
-   */
-  sidebarCollapsed: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.array]),
-  /**
-   * Additional content between header and main content.
-   * @since 1.4.0
-   */
-  contentAddon: _propTypes.default.node,
-  /**
-   * Content header.
-   * @since 3.0.0
-   */
-  contentHeader: _propTypes.default.node,
-  /**
-   * Footer content.
-   * @since 1.4.0
-   */
-  footer: _propTypes.default.node,
-  /**
-   * Main content of the `Layout`.
-   * @since 1.4.0
-   */
-  children: _propTypes.default.node,
-  /**
-   * Width of the content
-   * @since 3.0.0
-   */
-  width: _propTypes.default.oneOf(['sm', 'md', 'lg']),
-  /**
-   * Sidebar onToggle handler.
-   * The handler is called with two args:
-   *
-   * * Whether collapsed or not.
-   * * In which mode: responsive or desktop.
-   *
-   * @since 1.4.0
-   */
-  onSidebarToggle: _propTypes.default.func,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-const defaultProps = {
-  type: 'fluid',
-  header: undefined,
-  headerFixed: true,
-  headerAddon: undefined,
-  sidebar: undefined,
-  sidebarType: 'collapsed',
-  sidebarCollapsible: true,
-  sidebarCollapsed: false,
-  contentAddon: undefined,
-  contentHeader: undefined,
-  footer: undefined,
-  width: undefined,
-  onSidebarToggle: undefined,
-  children: undefined,
-  className: undefined,
-  baseClassName: `${_constants.CLS_PREFIX}layout`
-};
 const subscribeMatchMedia = (query, handler) => {
   const mq = window.matchMedia(query);
   handler(mq);
@@ -136,7 +28,7 @@ const subscribeClickOutside = (refs, handler) => {
       let {
         current
       } = _ref;
-      return !current || current.contains(event.target);
+      return current && current.contains(event.target);
     })) {
       return;
     }
@@ -149,18 +41,23 @@ const subscribeClickOutside = (refs, handler) => {
     document.removeEventListener('touchstart', listener);
   };
 };
-
 /**
  * @since 1.4.0
  */
 class Layout extends _react.Component {
-  constructor(props) {
-    super(props);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "state", {
+      isSidebarClosedDesktop: false,
       isSidebarClosedResponsive: true,
       headerHeight: null,
       isResponsive: window.matchMedia('(max-width: 1022px)').matches
     });
+    (0, _defineProperty2.default)(this, "headerRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "sidebarRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "responsiveSidebarTogglerRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "unsubscribeMatchMedia", void 0);
+    (0, _defineProperty2.default)(this, "unsubscribeClickOutside", void 0);
     (0, _defineProperty2.default)(this, "handleMatchMedia", _ref2 => {
       let {
         matches
@@ -196,7 +93,7 @@ class Layout extends _react.Component {
         bounds
       } = _ref3;
       this.setState({
-        headerHeight: bounds.height
+        headerHeight: bounds?.height
       });
     });
     (0, _defineProperty2.default)(this, "getSidebarClosed", () => {
@@ -207,9 +104,6 @@ class Layout extends _react.Component {
       } = this.state;
       return isResponsive ? isSidebarClosedResponsive : isSidebarClosedDesktop;
     });
-    this.headerRef = /*#__PURE__*/(0, _react.createRef)();
-    this.sidebarRef = /*#__PURE__*/(0, _react.createRef)();
-    this.responsiveSidebarTogglerRef = /*#__PURE__*/(0, _react.createRef)();
   }
   static getDerivedStateFromProps(props, state) {
     const {
@@ -235,8 +129,8 @@ class Layout extends _react.Component {
     this.unsubscribeClickOutside = subscribeClickOutside([this.sidebarRef, this.responsiveSidebarTogglerRef], this.handleClickOutside);
   }
   componentWillUnmount() {
-    this.unsubscribeMatchMedia();
-    this.unsubscribeClickOutside();
+    this.unsubscribeMatchMedia?.();
+    this.unsubscribeClickOutside?.();
   }
   renderHeader(_ref4) {
     let {
@@ -479,8 +373,7 @@ class Layout extends _react.Component {
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: `${baseClassName}__container`,
           children: [this.renderSidebar({
-            sidebar,
-            headerFixed: headerPositionFixed
+            sidebar
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: `${baseClassName}__content`,
             children: [this.renderContentAddon({
@@ -499,5 +392,21 @@ class Layout extends _react.Component {
   }
 }
 exports.default = Layout;
-Layout.propTypes = propTypes;
-Layout.defaultProps = defaultProps;
+(0, _defineProperty2.default)(Layout, "defaultProps", {
+  type: 'fluid',
+  header: undefined,
+  headerFixed: true,
+  headerAddon: undefined,
+  sidebar: undefined,
+  sidebarType: 'collapsed',
+  sidebarCollapsible: true,
+  sidebarCollapsed: false,
+  contentAddon: undefined,
+  contentHeader: undefined,
+  footer: undefined,
+  width: undefined,
+  onSidebarToggle: undefined,
+  children: undefined,
+  className: undefined,
+  baseClassName: `${_constants.CLS_PREFIX}layout`
+});

package/cjs/components/Link/Link.js

@@ -17,8 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 /**
  * `Link` is used for navigation purposes.
- *
- * Since: 1.9.0
+ * @since 1.9.0
  */
 const Link = _ref => {
   let {
@@ -72,5 +71,4 @@ const Link = _ref => {
     })]
   });
 };
-var _default = Link;
-exports.default = _default;
+var _default = exports.default = Link;

package/cjs/components/List/List.js

@@ -298,7 +298,9 @@ class List extends _react.Component {
       data,
       pagination,
       vertical,
-      rowKey
+      rowKey,
+      totalRows,
+      filtered
     } = _ref5;
     let {
       prevSortColumn,
@@ -317,16 +319,17 @@ class List extends _react.Component {
         sortDirection
       };
     }
+    const additionalExpanded = [];
     if (prevData !== data) {
-      if (renderRowBody && (prevData === undefined || prevData && prevData.length === 0) && data && data.length === 1) {
+      const isSingleElementInCurrentExpanded = () => state.expandedRows.includes(getRowKey(data[0], {
+        rowKey
+      }));
+      if (renderRowBody && data?.length === 1 && (!pagination || totalRows === 1) && (!prevData || prevData?.length === 0 || isSingleElementInCurrentExpanded()) && (!filtered || isSingleElementInCurrentExpanded())) {
         const key = getRowKey(data[0], {
           rowKey
         });
         if (notExpandableRows.indexOf(key) === -1) {
-          nextState = {
-            ...nextState,
-            expandedRows: [...expandedRows, key]
-          };
+          additionalExpanded.push(key);
         }
       }
       const keys = data.map(row => getRowKey(row, {
@@ -344,10 +347,10 @@ class List extends _react.Component {
         selection
       };
     }
-    if (prevExpandedRows !== expandedRows) {
+    if (prevExpandedRows !== expandedRows || additionalExpanded.length) {
       nextState = {
         ...nextState,
-        expandedRows
+        expandedRows: [...expandedRows, ...additionalExpanded]
       };
     }
     if (prevPagination !== pagination) {
@@ -1251,6 +1254,7 @@ class List extends _react.Component {
           fill: true,
           children: content
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Columns.Column, {
+          className: `${baseClassName}__sidebar`,
           children: sidebar
         })]
       });
@@ -1544,5 +1548,4 @@ List.defaultProps = {
   reorderable: false,
   onReorderEnd: undefined
 };
-var _default = List;
-exports.default = _default;
+var _default = exports.default = List;

package/cjs/components/List/ListAction.js

@@ -45,5 +45,4 @@ const ListAction = _ref => {
   }
   return render(children);
 };
-var _default = ListAction;
-exports.default = _default;
+var _default = exports.default = ListAction;

package/cjs/components/List/ListActions.js

@@ -97,5 +97,4 @@ const ListActions = _ref => {
     children: [primaryItems, secondaryDropdown]
   });
 };
-var _default = ListActions;
-exports.default = _default;
+var _default = exports.default = ListActions;

package/cjs/components/List/ListActionsDivider.js

@@ -16,5 +16,4 @@ var _jsxRuntime = require("react/jsx-runtime");
 const ListActionsDivider = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuDivider, {
   ...props
 });
-var _default = ListActionsDivider;
-exports.default = _default;
+var _default = exports.default = ListActionsDivider;

package/cjs/components/List/ListEmptyView.js

@@ -100,5 +100,4 @@ const ListEmptyView = _ref => {
     })]
   });
 };
-var _default = ListEmptyView;
-exports.default = _default;
+var _default = exports.default = ListEmptyView;

package/cjs/components/List/ListOperation.js

@@ -57,7 +57,7 @@ const ListOperation = _ref => {
     selectedRowTitle
   } = (0, _react.useContext)(_ListOperationContext.default);
   const [settings, setSettings] = (0, _react.useState)(null);
-  const targetRef = (0, _react.useRef)();
+  const targetRef = (0, _react.useRef)(null);
   if (! /*#__PURE__*/(0, _react.isValidElement)(children)) {
     throw new Error('The "children" property must be an element.');
   }
@@ -138,5 +138,4 @@ const ListOperation = _ref => {
     })
   });
 };
-var _default = ListOperation;
-exports.default = _default;
+var _default = exports.default = ListOperation;

package/cjs/components/List/ListOperationContext.js

@@ -11,5 +11,4 @@ const ListOperationContext = /*#__PURE__*/(0, _react.createContext)({
   selectedRows: 0
 });
 ListOperationContext.displayName = 'ListOperationContext';
-var _default = ListOperationContext;
-exports.default = _default;
+var _default = exports.default = ListOperationContext;

package/cjs/components/LocaleProvider/LocaleProvider.js

@@ -107,5 +107,4 @@ class LocaleProvider extends _react.PureComponent {
 (0, _defineProperty2.default)(LocaleProvider, "childContextTypes", {
   locale: _propTypes.default.object
 });
-var _default = LocaleProvider;
-exports.default = _default;
+var _default = exports.default = LocaleProvider;

package/cjs/components/Markdown/Markdown.js

@@ -35,5 +35,4 @@ const Markdown = _ref => {
     ...props
   });
 };
-var _default = Markdown;
-exports.default = _default;
+var _default = exports.default = Markdown;

package/cjs/components/Media/Media.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
-var _Icon = _interopRequireWildcard(require("../Icon"));
 var _Heading = _interopRequireDefault(require("../Heading"));
+var _Icon = _interopRequireWildcard(require("../Icon"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -24,7 +23,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 const Media = _ref => {
   let {
-    baseClassName,
     className,
     children,
     title,
@@ -34,7 +32,8 @@ const Media = _ref => {
     imageSpacing,
     imageAlign,
     align,
-    vertical,
+    vertical = false,
+    baseClassName = `${_constants.CLS_PREFIX}media`,
     ...props
   } = _ref;
   if (!imageSpacing && /*#__PURE__*/(0, _react.isValidElement)(image) && image.type === _Icon.default) {
@@ -98,74 +97,4 @@ const Media = _ref => {
     })]
   });
 };
-Media.propTypes = {
-  /**
-   * Title
-   * @since 0.0.45
-   */
-  title: _propTypes.default.node,
-  /**
-   * Title addon
-   * @since 0.0.68
-   */
-  titleAddon: _propTypes.default.node,
-  /**
-   * Title size
-   * @deprecated Pass a component as a title prop
-   * @since 0.0.68
-   */
-  titleSize: _propTypes.default.oneOf(['md', 'lg', 'xl']),
-  /**
-   * Image
-   * @since 0.0.45
-   */
-  image: _propTypes.default.any,
-  /**
-   * Spacings between image and content
-   * @since 0.3.0
-   */
-  imageSpacing: _propTypes.default.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
-  /**
-   * Media object and content alignment
-   * @since 3.19.0
-   */
-  align: _propTypes.default.oneOf(['start', 'center', 'end']),
-  /**
-   * Media object (image) alignment
-   * @since 3.19.0
-   */
-  imageAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
-  /**
-   * Media vertical direction
-   * @since 3.19.0
-   */
-  vertical: _propTypes.default.bool,
-  /**
-   * Content of the `Media`.
-   * @since 0.0.45
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Media.defaultProps = {
-  title: null,
-  titleAddon: null,
-  titleSize: null,
-  image: null,
-  imageSpacing: null,
-  align: null,
-  imageAlign: null,
-  vertical: false,
-  children: null,
-  className: null,
-  baseClassName: `${_constants.CLS_PREFIX}media`
-};
-var _default = Media;
-exports.default = _default;
+var _default = exports.default = Media;