@plesk/ui-library 3.31.2 → 3.31.3

package/cjs/components/Button/Button.js

@@ -15,6 +15,7 @@ var _Spinner = _interopRequireDefault(require("../Spinner"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"));
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
+var _ButtonContext = _interopRequireDefault(require("./ButtonContext"));
 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-2020. Plesk International GmbH. All rights reserved.
@@ -83,7 +84,7 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     baseClassName,
     className,
     component: Tag,
-    size,
+    size: propsSize,
     intent,
     ghost,
     selected: selectedProp,
@@ -104,6 +105,8 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
     return !selectedState;
   };
   const isCollapsed = (0, _react.useContext)(_ResponsiveContext.default);
+  const buttonContextConfig = (0, _react.useContext)(_ButtonContext.default);
+  const size = propsSize || buttonContextConfig.defaultProps.size;
   const componentProps = {};
   if (Tag === 'button') {
     componentProps.type = 'button';

package/cjs/components/Button/ButtonContext.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getButtonContextValue = exports.default = exports.ButtonContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
+
+const defaultValue = {
+  defaultProps: {
+    size: undefined
+  }
+};
+const ButtonContext = /*#__PURE__*/_react.default.createContext(defaultValue);
+exports.ButtonContext = ButtonContext;
+const getButtonContextValue = value => ({
+  ...defaultValue,
+  ...value,
+  defaultProps: {
+    ...defaultValue.defaultProps,
+    ...(value.defaultProps || {})
+  }
+});
+exports.getButtonContextValue = getButtonContextValue;
+var _default = ButtonContext;
+exports.default = _default;

package/cjs/components/Drawer/Drawer.js

@@ -13,7 +13,6 @@ var _constants = require("../../constants");
 var _Overlay = _interopRequireDefault(require("../Overlay"));
 var _ClosingConfirmation = require("../ClosingConfirmation");
 var _Header = _interopRequireDefault(require("./Header"));
-var _ScrollDirection = _interopRequireDefault(require("./ScrollDirection"));
 var _Form = _interopRequireDefault(require("../Form"));
 var _Heading = _interopRequireDefault(require("../Heading"));
 var _Translate = require("../Translate");
@@ -172,7 +171,7 @@ const defaultProps = {
 
 /**
  * `Drawer` component is used for working with properties of an object (or system) without leaving the context of the object.
- * The component is similar to `Dialog` but it is intended to work with more complex forms or lists.
+ * [Read more when to use Drawer](#!/Drawers%2C%20pages%2C%20popovers).
  * @since 0.0.65
  */
 const Drawer = _ref => {
@@ -291,18 +290,12 @@ const Drawer = _ref => {
       className: `${baseClassName}__title`
     }, title), subtitle && /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__subtitle`
-    }, subtitle)), /*#__PURE__*/_react.default.createElement(_ScrollDirection.default, null, _ref6 => {
-      let {
-        handleScroll
-      } = _ref6;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: `${baseClassName}__body`,
-        onScroll: handleScroll,
-        ref: scrollableRef
-      }, /*#__PURE__*/_react.default.createElement(_ScrollableElementFormContext.default.Provider, {
-        value: scrollableRef.current
-      }, content));
-    }), footer && /*#__PURE__*/_react.default.createElement("footer", {
+    }, subtitle)), /*#__PURE__*/_react.default.createElement("div", {
+      className: `${baseClassName}__body`,
+      ref: scrollableRef
+    }, /*#__PURE__*/_react.default.createElement(_ScrollableElementFormContext.default.Provider, {
+      value: scrollableRef.current
+    }, content)), footer && /*#__PURE__*/_react.default.createElement("footer", {
       className: `${baseClassName}__footer`
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__footer-inner`

package/cjs/components/Drawer/DrawerProgress.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("../Button"));
+var _ButtonContext = require("../Button/ButtonContext");
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _Progress = _interopRequireDefault(require("../Progress"));
 var _ProgressStep = _interopRequireWildcard(require("../ProgressStep"));
@@ -18,17 +19,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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-2019. Plesk International GmbH. All rights reserved.
 
-const renderAdditionalButtons = buttons => {
-  const buttonProcessing = button => {
-    if ( /*#__PURE__*/(0, _react.isValidElement)(button) && button.type === _Button.default) {
-      return /*#__PURE__*/(0, _react.cloneElement)(button, {
-        size: 'lg'
-      });
-    }
-    return button;
-  };
-  return Array.isArray(buttons) ? buttons.map(buttonProcessing) : buttonProcessing(buttons);
-};
+const additionalButtonsConfig = (0, _ButtonContext.getButtonContextValue)({
+  defaultProps: {
+    size: 'lg'
+  }
+});
 class DrawerProgress extends _react.Component {
   constructor() {
     super(...arguments);
@@ -129,7 +124,9 @@ class DrawerProgress extends _react.Component {
     }, step)))));
     const footer = hasFooter ? /*#__PURE__*/_react.default.createElement("div", {
       className: `${baseClassName}__footer`
-    }, renderAdditionalButtons(buttons), canCancel && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    }, /*#__PURE__*/_react.default.createElement(_ButtonContext.ButtonContext.Provider, {
+      value: additionalButtonsConfig
+    }, buttons), canCancel && /*#__PURE__*/_react.default.createElement(_Button.default, {
       onClick: this.handleCancel,
       size: "lg"
     }, /*#__PURE__*/_react.default.createElement(_Translate.default, {

package/cjs/components/Form/Form.js

@@ -13,6 +13,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
+var _ButtonContext = require("../Button/ButtonContext");
 var _FormField = _interopRequireDefault(require("../FormField"));
 var _Section = _interopRequireDefault(require("../Section"));
 var _Translate = _interopRequireDefault(require("../Translate"));
@@ -24,8 +25,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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-2020. Plesk International GmbH. All rights reserved.
 
-/* eslint-disable react/no-deprecated */
-
+const actionButtonsConfig = (0, _ButtonContext.getButtonContextValue)({
+  defaultProps: {
+    size: 'lg'
+  }
+});
 class Form extends _react.Component {
   constructor() {
     var _this;
@@ -199,7 +203,9 @@ class Form extends _react.Component {
       } = this.props;
       return /*#__PURE__*/_react.default.createElement(_Section.default, {
         className: (0, _classnames.default)(`${baseClassName}__footer`, footerClassName)
-      }, /*#__PURE__*/_react.default.createElement(_FormField.default, null, this.renderSubmitButton({
+      }, /*#__PURE__*/_react.default.createElement(_FormField.default, null, /*#__PURE__*/_react.default.createElement(_ButtonContext.ButtonContext.Provider, {
+        value: actionButtonsConfig
+      }, this.renderSubmitButton({
         submitButton,
         state
       }), this.renderApplyButton({
@@ -210,7 +216,7 @@ class Form extends _react.Component {
       }), this.renderCancelButton({
         cancelButton,
         state
-      })));
+      }))));
     });
   }
   static getDerivedStateFromProps(props, state) {
@@ -271,7 +277,6 @@ class Form extends _react.Component {
       return null;
     }
     return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
-      size: "lg",
       intent: "primary",
       state: state === 'submit' ? 'loading' : undefined,
       disabled: !!state,
@@ -282,7 +287,7 @@ class Form extends _react.Component {
         content: "Form.submitButton",
         fallback: "Save"
       })
-    }, submitButton));
+    }, typeof submitButton === 'object' ? submitButton : {}));
   }
   renderApplyButton(_ref5) {
     let {
@@ -292,18 +297,18 @@ class Form extends _react.Component {
     if (!applyButton) {
       return null;
     }
-    return /*#__PURE__*/(0, _react.createElement)(_Button.default, {
-      size: 'lg',
-      intent: 'primary',
+    return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
+      intent: "primary",
       state: state === 'apply' ? 'loading' : undefined,
       disabled: !!state,
-      onClick: this.handleApplyClick,
+      onClick: this.handleApplyClick
+      // eslint-disable-next-line react/no-children-prop
+      ,
       children: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         content: "Form.applyButton",
         fallback: "Apply"
-      }),
-      ...applyButton
-    });
+      })
+    }, typeof applyButton === 'object' ? applyButton : {}));
   }
   renderCancelButton(_ref6) {
     let {
@@ -313,16 +318,16 @@ class Form extends _react.Component {
     if (!cancelButton) {
       return null;
     }
-    return /*#__PURE__*/(0, _react.createElement)(_Button.default, {
-      size: 'lg',
+    return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
       state: state === 'cancel' ? 'loading' : undefined,
-      disabled: !!state,
+      disabled: !!state
+      // eslint-disable-next-line react/no-children-prop
+      ,
       children: /*#__PURE__*/_react.default.createElement(_Translate.default, {
         content: "Form.cancelButton",
         fallback: "Cancel"
-      }),
-      ...cancelButton
-    });
+      })
+    }, typeof cancelButton === 'object' ? cancelButton : {}));
   }
   renderAdditionalButtons(_ref7) {
     let {
@@ -337,9 +342,6 @@ class Form extends _react.Component {
           const props = {
             className: (0, _classnames.default)(element.props.className, `${baseClassName}__additional-button`)
           };
-          if (element.type === _Button.default) {
-            props.size = 'lg';
-          }
           return /*#__PURE__*/(0, _react.cloneElement)(element, props);
         }
         return element;

package/cjs/components/List/ListEmptyView.js

@@ -13,7 +13,8 @@ var _Translate = _interopRequireDefault(require("../Translate"));
 var _default2 = _interopRequireDefault(require("./images/default.png"));
 var _filtered = _interopRequireDefault(require("./images/filtered.png"));
 var _constants = require("../../constants");
-// Copyright 1999-2020. Plesk International GmbH. All rights reserved.
+var _ButtonContext = require("../Button/ButtonContext");
+// Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const createImage = (baseClassName, image, reason) => {
   if (image === undefined) {
@@ -60,6 +61,11 @@ const createDescription = (baseClassName, description, reason) => {
     className: `${baseClassName}__description`
   }, description);
 };
+const buttonConfig = (0, _ButtonContext.getButtonContextValue)({
+  defaultProps: {
+    size: 'lg'
+  }
+});
 
 /**
  * `ListEmptyView` component is used for displaying "empty" state of [List](#!/List)
@@ -83,7 +89,9 @@ const ListEmptyView = _ref => {
     className: `${baseClassName}__body`
   }, createTitle(baseClassName, title, reason), createDescription(baseClassName, description, reason), actions && /*#__PURE__*/_react.default.createElement("div", {
     className: `${baseClassName}__actions`
-  }, actions)));
+  }, /*#__PURE__*/_react.default.createElement(_ButtonContext.ButtonContext.Provider, {
+    value: buttonConfig
+  }, actions))));
 };
 var _default = ListEmptyView;
 exports.default = _default;

package/cjs/index.js

@@ -46,6 +46,6 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2018. Plesk International GmbH. All rights reserved.
-const version = "3.31.2";
+const version = "3.31.3";
 exports.version = version;
 (0, _svg4everybody.default)();