@plesk/ui-library 3.35.0 → 3.35.2

package/cjs/components/Button/Button.js

@@ -206,8 +206,7 @@ Button.defaultProps = {
 /**
  * `Button` component is used for executing actions, changing the application state, opening forms or dialog windows, and submitting data.
  * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
- *
- * Since: 0.0.37
+ * @since 0.0.37
  */
 var _default = Button;
 exports.default = _default;

package/cjs/components/Carousel/Carousel.js

@@ -7,15 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("../../utils");
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _constants = require("../../constants");
 var _Icon = _interopRequireDefault(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; }
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
 const calcWidths = node => {
@@ -26,7 +23,6 @@ const calcWidths = node => {
     totalWidth
   };
 };
-
 /**
  * Carousel component is used for optimizing page space by displaying only some parts
  * of entire content in a cyclic view.
@@ -43,23 +39,27 @@ class Carousel extends _react.Component {
       slideWidths: [],
       totalWidth: 0
     });
-    this.speed = 500;
-    this.movingCallback = null;
-    this.playSpeed = 5000;
-    this.playTimer = null;
+    (0, _defineProperty2.default)(this, "speed", 500);
+    (0, _defineProperty2.default)(this, "playSpeed", 5000);
+    (0, _defineProperty2.default)(this, "isRtl", void 0);
+    (0, _defineProperty2.default)(this, "playTimer", null);
+    (0, _defineProperty2.default)(this, "movingCallback", null);
+    (0, _defineProperty2.default)(this, "rootRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "genuineRef", /*#__PURE__*/(0, _react.createRef)());
     this.handlePrevClick = this.handlePrevClick.bind(this);
     this.handleNextClick = this.handleNextClick.bind(this);
     this.stop = this.stop.bind(this);
     this.play = this.play.bind(this);
     this.handleResize = this.handleResize.bind(this);
-    this.rootRef = /*#__PURE__*/(0, _react.createRef)();
-    this.genuineRef = /*#__PURE__*/(0, _react.createRef)();
   }
   componentDidMount() {
     this.isRtl = (0, _utils.isRtl)();
     this.play();
   }
   componentDidUpdate() {
+    if (!this.rootRef.current || !this.genuineRef.current) {
+      return;
+    }
     const {
       width
     } = this.rootRef.current.getBoundingClientRect();
@@ -77,7 +77,9 @@ class Carousel extends _react.Component {
   }
   componentWillUnmount() {
     this.stop();
-    clearTimeout(this.movingCallback);
+    if (this.movingCallback) {
+      clearTimeout(this.movingCallback);
+    }
   }
   handlePrevClick() {
     this.stop();
@@ -128,11 +130,12 @@ class Carousel extends _react.Component {
   }
   handleResize(_ref) {
     let {
-      bounds: {
-        width
-      }
+      bounds
     } = _ref;
     const node = this.genuineRef.current;
+    if (!node) {
+      return;
+    }
     const {
       slideWidths,
       totalWidth
@@ -140,7 +143,7 @@ class Carousel extends _react.Component {
     this.setState({
       slideWidths,
       totalWidth,
-      showControls: width < totalWidth
+      showControls: (bounds?.width || 0) < totalWidth
     });
   }
   listStyle() {
@@ -168,8 +171,8 @@ class Carousel extends _react.Component {
     return {
       WebkitTransform: `translateX(${x ? `${x}px` : 0})`,
       transform: `translateX(${x ? `${x}px` : 0})`,
-      WebkitTransition: moving ? `-webkit-transform ${this.speed}ms ease` : null,
-      transition: moving ? `transform ${this.speed}ms ease` : null
+      WebkitTransition: moving ? `-webkit-transform ${this.speed}ms ease` : undefined,
+      transition: moving ? `transform ${this.speed}ms ease` : undefined
     };
   }
   render() {
@@ -185,9 +188,7 @@ class Carousel extends _react.Component {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
       onResize: this.handleResize,
       bounds: true,
-      innerRef: node => {
-        this.rootRef.current = node;
-      },
+      innerRef: this.rootRef,
       children: _ref2 => {
         let {
           measureRef
@@ -198,7 +199,7 @@ class Carousel extends _react.Component {
           ...props,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: `${baseClassName}__slides`,
-            style: showControls ? this.listStyle() : null,
+            style: showControls ? this.listStyle() : undefined,
             children: [showControls && children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: `${baseClassName}__genuine-slides`,
               ref: this.genuineRef,
@@ -231,25 +232,10 @@ class Carousel extends _react.Component {
     });
   }
 }
-Carousel.propTypes = {
-  /**
-   * Slides
-   * @since 0.0.42
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string
-};
-Carousel.defaultProps = {
+(0, _defineProperty2.default)(Carousel, "defaultProps", {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}carousel`
-};
+});
 var _default = Carousel;
 exports.default = _default;

package/cjs/components/Drawer/Header.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("../../utils");
-var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
 var _Button = _interopRequireDefault(require("../Button"));
@@ -15,124 +13,89 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
 
-class Header extends _react.Component {
-  constructor() {
-    super(...arguments);
-    (0, _defineProperty2.default)(this, "isRtl", false);
-  }
-  componentDidMount() {
-    this.isRtl = (0, _utils.isRtl)();
-  }
-  renderBackButton() {
-    const {
-      baseClassName,
-      onClose
-    } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      ghost: true,
-      className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--back`),
-      size: "lg",
-      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: "chevron-left",
-        flipHorizontal: this.isRtl,
-        className: `${baseClassName}__icon`
-      }),
-      onClick: onClose
-    });
-  }
-  renderHideButton() {
-    const {
-      baseClassName,
-      onClose
-    } = this.props;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      ghost: true,
-      className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--hide`),
-      size: "lg",
-      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        className: `${baseClassName}__icon`,
-        name: "minimize"
-      }),
-      onClick: onClose
-    });
-  }
-  renderCloseButton() {
+const Header = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}drawer-header`,
+    onClose,
+    children,
+    backButton = false,
+    hideButton = false,
+    tabs,
+    ...props
+  } = _ref;
+  const renderBackButton = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    ghost: true,
+    className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--back`),
+    size: "lg",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      name: "chevron-left",
+      flipHorizontal: (0, _utils.isRtl)(),
+      className: `${baseClassName}__icon`
+    }),
+    onClick: onClose
+  });
+  const renderHideButton = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    ghost: true,
+    className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--hide`),
+    size: "lg",
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      className: `${baseClassName}__icon`,
+      name: "minimize"
+    }),
+    onClick: onClose
+  });
+  const renderCloseButton = function () {
     let {
       disabled = false
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const {
-      baseClassName,
-      onClose
-    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       ghost: true,
       className: (0, _classnames.default)(`${baseClassName}__button`, `${baseClassName}__button--close`),
       size: "lg",
       icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: 'cross-mark',
+        name: "cross-mark",
         className: `${baseClassName}__icon`
       }),
       onClick: onClose,
       disabled: disabled
     });
-  }
-  render() {
-    const {
-      baseClassName,
-      onClose,
-      children,
-      backButton,
-      hideButton,
-      tabs,
-      ...props
-    } = this.props;
-    let prefix;
-    let suffix;
-    if (onClose) {
-      switch (true) {
-        case backButton:
-          prefix = this.renderBackButton();
-          break;
-        case hideButton:
-          suffix = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: `${baseClassName}__actions`,
-            children: [this.renderHideButton(), this.renderCloseButton({
-              disabled: true
-            })]
-          });
-          break;
-        default:
-          suffix = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${baseClassName}__actions`,
-            children: this.renderCloseButton()
-          });
-          break;
-      }
+  };
+  let prefix;
+  let suffix;
+  if (onClose) {
+    if (backButton) {
+      prefix = renderBackButton();
+    } else if (hideButton) {
+      suffix = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__actions`,
+        children: [renderHideButton(), renderCloseButton({
+          disabled: true
+        })]
+      });
+    } else {
+      suffix = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__actions`,
+        children: renderCloseButton()
+      });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: baseClassName,
-      ...props,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: `${baseClassName}__inner`,
-        children: [prefix, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: `${baseClassName}__content`,
-          children: [children, tabs && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: `${baseClassName}__tabs`,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: `${baseClassName}__tabs-inner`,
-              children: tabs
-            })
-          })]
-        }), suffix]
-      })
-    });
   }
-}
-exports.default = Header;
-(0, _defineProperty2.default)(Header, "defaultProps", {
-  onClose: null,
-  baseClassName: `${_constants.CLS_PREFIX}drawer-header`,
-  backButton: false,
-  hideButton: false,
-  tabs: undefined
-});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: baseClassName,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${baseClassName}__inner`,
+      children: [prefix, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__content`,
+        children: [children, tabs && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__tabs`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: `${baseClassName}__tabs-inner`,
+            children: tabs
+          })
+        })]
+      }), suffix]
+    })
+  });
+};
+var _default = Header;
+exports.default = _default;

package/cjs/components/Form/Form.js

@@ -375,13 +375,6 @@ class Form extends _react.Component {
     });
   }
 }
-
-/**
- * `Form` component is used for entering and submitting of user data.
- * [More details about designing of forms.](#!/Good%20Forms)
- *
- * Since: 0.0.54
- */
 (0, _defineProperty2.default)(Form, "defaultProps", {
   children: undefined,
   requiredMark: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -420,5 +413,10 @@ const RefForwardingForm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   });
 });
 RefForwardingForm.displayName = 'Form';
+/**
+ * `Form` component is used for entering and submitting of user data.
+ * [More details about designing of forms.](#!/Good%20Forms)
+ * @since 0.0.54
+ */
 var _default = RefForwardingForm;
 exports.default = _default;

package/cjs/components/FormFieldCheckbox/FormFieldCheckbox.js

@@ -5,32 +5,28 @@ 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 _Checkbox = _interopRequireDefault(require("../Checkbox"));
 var _FormField = _interopRequireDefault(require("../FormField"));
 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.
 
 /**
- * `FormFieldCheckbox` component component is used for turning an option on or off
+ * `FormFieldCheckbox` component is used for turning an option on or off
  * and selecting or deselecting an item.
  * @since 0.0.58
  */
 const FormFieldCheckbox = _ref => {
   let {
-    baseClassName,
     className,
     label,
-    required,
-    checkedValue,
-    uncheckedValue,
     autoFocus,
-    multi,
+    required = false,
+    checkedValue = true,
+    uncheckedValue = false,
+    baseClassName = `${_constants.CLS_PREFIX}form-field-checkbox`,
     ...props
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormField.default, {
@@ -52,14 +48,14 @@ const FormFieldCheckbox = _ref => {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
           type: "hidden",
           name: getName(),
-          value: uncheckedValue
+          value: uncheckedValue.toString()
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
           checked: getValue() === checkedValue,
           onChange: checked => setValue(checked ? checkedValue : uncheckedValue),
           inputProps: {
             id: getId(),
             name: getName(),
-            value: checkedValue,
+            value: checkedValue.toString(),
             autoFocus
           },
           disabled: isDisabled(),
@@ -72,60 +68,5 @@ const FormFieldCheckbox = _ref => {
     }
   });
 };
-FormFieldCheckbox.propTypes = {
-  /**
-   * Disabled state of field.
-   * @since 0.1.0
-   */
-  disabled: _propTypes.default.bool,
-  /**
-   * Custom checked value. Default is boolean true.
-   * @since 0.0.59
-   */
-  checkedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-  /**
-   * Custom unchecked value. Default is boolean false.
-   * @since 0.0.59
-   */
-  uncheckedValue: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-  /**
-   * The browser will automatically focus on the component upon rendering the screen
-   * @since 1.9.0
-   */
-  autoFocus: _propTypes.default.bool,
-  /**
-   * @ignore Field cannot be multiple
-   */
-  multi: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  label: _propTypes.default.any,
-  /**
-   * @ignore
-   */
-  required: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  fullDescription: _propTypes.default.string
-};
-FormFieldCheckbox.defaultProps = {
-  disabled: undefined,
-  checkedValue: true,
-  uncheckedValue: false,
-  autoFocus: undefined,
-  multi: undefined,
-  label: undefined,
-  required: false,
-  className: undefined,
-  baseClassName: `${_constants.CLS_PREFIX}form-field-checkbox`,
-  fullDescription: undefined
-};
 var _default = FormFieldCheckbox;
 exports.default = _default;

package/cjs/components/Grid/Grid.js

@@ -6,14 +6,11 @@ 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 _reactMeasure = _interopRequireDefault(require("react-measure"));
 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.
 
 /**
@@ -28,10 +25,11 @@ class Grid extends _react.Component {
     });
     (0, _defineProperty2.default)(this, "handleResize", _ref => {
       let {
-        bounds: {
-          width
-        }
+        bounds
       } = _ref;
+      const {
+        width
+      } = bounds;
       let {
         maxColumnsNumber
       } = this.props;
@@ -96,9 +94,9 @@ class Grid extends _react.Component {
     const result = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: computedClassName,
       ...props,
-      children: minColumnWidth > 0 && !this.state.xs ? null : children
+      children: minColumnWidth && !this.state.xs ? null : children
     });
-    if (minColumnWidth > 0) {
+    if (minColumnWidth) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
         bounds: true,
         onResize: this.handleResize,
@@ -115,67 +113,7 @@ class Grid extends _react.Component {
     return result;
   }
 }
-Grid.propTypes = {
-  /**
-   * Content of the `Grid`.
-   * @since 0.0.48
-   */
-  children: _propTypes.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes.default.string,
-  /**
-   * @ignore
-   */
-  baseClassName: _propTypes.default.string,
-  /**
-   * Minimal column width
-   * @since 0.0.50
-   */
-  minColumnWidth: _propTypes.default.number,
-  /**
-   * Maximum columns number
-   * @since 0.0.53
-   */
-  maxColumnsNumber: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
-  /**
-   * Number of columns for `xs` breakpoint
-   * @since 0.0.53
-   */
-  xs: _propTypes.default.PropTypes.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `sm` breakpoint
-   * @since 0.0.48
-   */
-  sm: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `md` breakpoint
-   * @since 0.0.48
-   */
-  md: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `lg` breakpoint
-   * @since 0.0.48
-   */
-  lg: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Number of columns for `xl` breakpoint
-   * @since 0.0.48
-   */
-  xl: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6, 'auto']),
-  /**
-   * Specifying the gutters between grid items
-   * @since 0.0.53
-   */
-  gap: _propTypes.default.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-  /**
-   * Columns number change notifier
-   * @since 0.0.50
-   */
-  onColumnsChange: _propTypes.default.func
-};
-Grid.defaultProps = {
+(0, _defineProperty2.default)(Grid, "defaultProps", {
   children: null,
   className: null,
   baseClassName: `${_constants.CLS_PREFIX}grid`,
@@ -188,6 +126,6 @@ Grid.defaultProps = {
   xl: null,
   gap: null,
   onColumnsChange: null
-};
+});
 var _default = Grid;
 exports.default = _default;