@plesk/ui-library 3.35.2 → 3.35.3

package/cjs/components/Icon/images/symbols.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="11856" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16" height="12144" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
     <symbol viewBox="0 0 12 12" id="archive:12">
       <path d="M2 1h7v.5a.5.5 0 0 0 1 0V1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-.5a.5.5 0 0 0-1 0v.5H2V1z" />
@@ -23,6 +23,12 @@
       <path d="M5.645 10.355a.496.496 0 0 1 0-.702L14.298 1H10.5a.5.5 0 0 1 0-1h5.002A.494.494 0 0 1 16 .498V5.5a.5.5 0 0 1-1 0V1.702l-8.653 8.653a.496.496 0 0 1-.702 0z" />
       <path d="M8 4.5a.5.5 0 0 0-.5-.5H1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V8.5a.5.5 0 0 0-1 0V15H1V5h6.5a.5.5 0 0 0 .5-.5z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="arrow-down-circle-filled:12">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM6 2.5a.5.5 0 0 1 1 0v5.798l1.653-1.653a.496.496 0 0 1 .702.702L6.903 9.798a.5.5 0 0 1-.401.202h-.004a.495.495 0 0 1-.401-.202L3.645 7.347a.496.496 0 0 1 .702-.702L6 8.298V2.5z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="arrow-down-circle-filled:16">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8.5a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 15 0zm-3.645.146a.496.496 0 0 0-.702 0L9 11.299V3.5a.5.5 0 0 0-1 0v7.799L5.347 8.646a.496.496 0 0 0-.702.701L8.097 12.8a.504.504 0 0 0 .401.201h.004a.494.494 0 0 0 .401-.201l3.452-3.452a.496.496 0 0 0 0-.701z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="arrow-down-in:12">
       <path d="M11 2v9H2V2h1a.5.5 0 0 0 0-1H2a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-1a.5.5 0 0 0 0 1h1z" />
       <path d="M8.653 5.645a.496.496 0 0 1 .702.702L6.903 8.798A.499.499 0 0 1 6.502 9h-.004a.495.495 0 0 1-.401-.202L3.645 6.347a.496.496 0 0 1 .702-.702L6 7.298V.5a.5.5 0 0 1 1 0v6.798l1.653-1.653z" />
@@ -52,6 +58,12 @@
     <symbol viewBox="0 0 16 16" id="arrow-down:16">
       <path d="M8 .5a.5.5 0 0 1 1 0v13.7984l2.6531-2.6531a.4962.4962 0 0 1 .7016.7016l-3.4513 3.4513A.4944.4944 0 0 1 8.502 16h-.004a.4944.4944 0 0 1-.4014-.2018l-3.4513-3.4513a.4961.4961 0 0 1 .7016-.7016L8 14.2984V.5z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="arrow-left-circle-filled:12">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zM10.5 6a.5.5 0 0 1 0 1H4.702l1.653 1.653a.496.496 0 0 1-.702.702L3.202 6.903A.5.5 0 0 1 3 6.502v-.004a.495.495 0 0 1 .202-.401l2.451-2.452a.496.496 0 0 1 .702.702L4.702 6H10.5z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="arrow-left-circle-filled:16">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 16a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15zm-.146-3.645a.496.496 0 0 0 0-.702L5.701 9H13.5a.5.5 0 0 0 0-1H5.701l2.654-2.653a.496.496 0 0 0-.702-.702L4.202 8.097A.499.499 0 0 0 4 8.498v.004a.495.495 0 0 0 .202.401l3.45 3.452a.496.496 0 0 0 .702 0z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="arrow-left:12">
       <path d="M.202 6.097A.499.499 0 0 0 0 6.498v.004a.495.495 0 0 0 .202.401l2.451 2.452a.496.496 0 0 0 .702-.702L1.702 7H11.5a.5.5 0 0 0 0-1H1.702l1.653-1.653a.496.496 0 0 0-.702-.702L.202 6.097z" />
     </symbol>
@@ -86,6 +98,12 @@
     <symbol viewBox="0 0 16 16" id="arrow-right:16">
       <path d="M11.6453 5.3469a.4961.4961 0 0 1 .7016-.7016l3.4513 3.4513A.4944.4944 0 0 1 16 8.498v.004a.4944.4944 0 0 1-.2018.4014l-3.4513 3.4513a.4962.4962 0 0 1-.7016-.7016L14.2984 9H.5a.5.5 0 0 1 0-1h13.7984l-2.6531-2.6531z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="arrow-up-circle-filled:12">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM6 10.5a.5.5 0 0 0 1 0V4.702l1.653 1.653a.496.496 0 0 0 .702-.702L6.903 3.202A.5.5 0 0 0 6.502 3h-.004a.495.495 0 0 0-.401.202L3.645 5.653a.496.496 0 0 0 .702.702L6 4.702V10.5z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="arrow-up-circle-filled:16">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0zm-3.645-.146a.496.496 0 0 1-.702 0L9 5.701V13.5a.5.5 0 0 1-1 0V5.701L5.347 8.355a.496.496 0 0 1-.702-.702l3.452-3.451A.499.499 0 0 1 8.498 4h.004a.495.495 0 0 1 .401.202l3.452 3.45a.496.496 0 0 1 0 .702z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="arrow-up-circle:12">
       <path d="M6 11.5a.5.5 0 001 0V4.702l1.653 1.653a.496.496 0 00.702-.702L6.903 3.202A.5.5 0 006.502 3h-.004a.495.495 0 00-.401.202L3.645 5.653a.496.496 0 00.702.702L6 4.702V11.5z" />
       <path d="M9 9.528c0-.179.09-.343.232-.452a4.5 4.5 0 10-5.464 0A.573.573 0 014 9.528c0 .399-.42.65-.742.415a5.5 5.5 0 116.485 0C9.42 10.18 9 9.927 9 9.528z" />
@@ -640,6 +658,12 @@
       <path fill-rule="evenodd" d="M8.5 15c3.5899 0 6.5-2.9101 6.5-6.5S12.0899 2 8.5 2 2 4.9101 2 8.5 4.9101 15 8.5 15zm0 1c4.1421 0 7.5-3.3579 7.5-7.5S12.6421 1 8.5 1 1 4.3579 1 8.5 4.3579 16 8.5 16z" clip-rule="evenodd" />
       <path d="M8 4.5a.5.5 0 0 1 1 0V5h1.5a.5.5 0 0 1 0 1H8c-.5523 0-1 .4477-1 1s.4477 1 1 1h1c1.1046 0 2 .8954 2 2s-.8954 2-2 2v.5a.5.5 0 0 1-1 0V12H6.5a.5.5 0 0 1 0-1H9c.5523 0 1-.4477 1-1s-.4477-1-1-1H8c-1.1046 0-2-.8954-2-2s.8954-2 2-2v-.5z" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="dot-big:12">
+      <path d="M10 6a4 4 0 1 1-8 0 4 4 0 0 1 8 0z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="dot-big:16">
+      <circle cx="8" cy="8" r="5" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="dot:12">
       <path d="M7.5 6a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
     </symbol>
@@ -1296,6 +1320,20 @@
     <symbol viewBox="0 0 16 16" id="plugins:16">
       <path fill-rule="evenodd" d="M15 2h-5v5h5V2zm-5-1c-.5523 0-1 .4477-1 1v5c0 .5523.4477 1 1 1h5c.5523 0 1-.4477 1-1V2c0-.5523-.4477-1-1-1h-5zM7 10H2v5h5v-5zM2 9c-.5523 0-1 .4477-1 1v5c0 .5523.4477 1 1 1h5c.5523 0 1-.4477 1-1v-5c0-.5523-.4477-1-1-1H2zM15 10h-5v5h5v-5zm-5-1c-.5523 0-1 .4477-1 1v5c0 .5523.4477 1 1 1h5c.5523 0 1-.4477 1-1v-5c0-.5523-.4477-1-1-1h-5z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="plus-circle-filled:12">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zm0-2.5A.5.5 0 0 1 6 9V7H4a.5.5 0 0 1 0-1h2V4a.5.5 0 0 1 1 0v2h2a.5.5 0 0 1 0 1H7v2a.5.5 0 0 1-.5.5z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="plus-circle-filled:16">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0zm-11.5 0A.5.5 0 0 1 5 8h3V5a.5.5 0 0 1 1 0v3h3a.5.5 0 0 1 0 1H9v3a.5.5 0 0 1-1 0V9H5a.5.5 0 0 1-.5-.5z" />
+    </symbol>
+    <symbol viewBox="0 0 12 12" id="plus-circle:12">
+      <path d="M4 6a.5.5 0 0 0 0 1h2v2a.5.5 0 0 0 1 0V7h2a.5.5 0 0 0 0-1H7V4a.5.5 0 0 0-1 0v2H4z" />
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zm-1 0a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="plus-circle:16">
+      <path d="M5 8a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0V9h3a.5.5 0 0 0 0-1H9V5a.5.5 0 0 0-1 0v3H5z" />
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0zm-1 0a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="plus:12">
       <path d="M6.5 2a.5.5 0 0 0-.5.5V6H2.5a.5.5 0 1 0 0 1H6v3.5a.5.5 0 0 0 1 0V7h3.5a.5.5 0 0 0 0-1H7V2.5a.5.5 0 0 0-.5-.5z" />
     </symbol>

package/cjs/components/Icon/oldIconNames.js

@@ -66,5 +66,4 @@ const oldIconNames = {
   'circle-question-mark-filled': 'question-mark-circle-filled',
   sertificate: 'ribbon'
 };
-var _default = oldIconNames;
-exports.default = _default;
+var _default = exports.default = oldIconNames;

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

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

package/cjs/components/List/List.js

@@ -1254,6 +1254,7 @@ class List extends _react.Component {
           fill: true,
           children: content
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Columns.Column, {
+          className: `${baseClassName}__sidebar`,
           children: sidebar
         })]
       });
@@ -1547,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;