@plesk/ui-library 3.31.0 → 3.31.2

package/cjs/components/Button/Button.js

@@ -1,38 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _Spinner = _interopRequireDefault(require("../Spinner"));
-
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
-
 var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"));
-
 var _OnDarkContext = _interopRequireDefault(require("../OnDarkContext"));
-
 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.
-
 /* eslint-disable react/no-deprecated */
 const oldIconNames = {
   "customize-order": "arrows-four-directions",
@@ -53,24 +38,25 @@ const oldIconNames = {
   upload: "arrow-up-tray",
   visible: "eye"
 };
-
-const renderIcon = ({
-  baseClassName,
-  icon,
-  size,
-  empty
-}) => _Icon.default.create(oldIconNames[icon] || icon, {
-  className: `${baseClassName}__icon`,
-  size: size === 'lg' || empty ? '16' : '12'
-});
-
-const renderCaret = ({
-  baseClassName,
-  size,
-  caret
-}) => {
+const renderIcon = _ref => {
+  let {
+    baseClassName,
+    icon,
+    size,
+    empty
+  } = _ref;
+  return _Icon.default.create(oldIconNames[icon] || icon, {
+    className: `${baseClassName}__icon`,
+    size: size === 'lg' || empty ? '16' : '12'
+  });
+};
+const renderCaret = _ref2 => {
+  let {
+    baseClassName,
+    size,
+    caret
+  } = _ref2;
   let caretElement;
-
   if (typeof caret === 'boolean' && caret) {
     caretElement = /*#__PURE__*/_react.default.createElement(_Icon.default, {
       name: "chevron-down",
@@ -79,95 +65,80 @@ const renderCaret = ({
   } else {
     caretElement = caret;
   }
-
   if ( /*#__PURE__*/(0, _react.isValidElement)(caretElement)) {
     caretElement = /*#__PURE__*/(0, _react.cloneElement)(caretElement, {
       className: (0, _classnames.default)(`${baseClassName}__caret`, caretElement.props.className)
     });
   }
-
   return caretElement;
 };
+
 /**
  * `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
  */
-
-
-const Button = /*#__PURE__*/(0, _react.forwardRef)(({
-  baseClassName,
-  className,
-  component: Tag,
-  size,
-  intent,
-  ghost,
-  selected: selectedProp,
-  onToggle,
-  state,
-  icon,
-  caret,
-  fill,
-  tooltip,
-  children,
-  arrow,
-  disabled,
-  ...props
-}, ref) => {
+const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
+  let {
+    baseClassName,
+    className,
+    component: Tag,
+    size,
+    intent,
+    ghost,
+    selected: selectedProp,
+    onToggle,
+    state,
+    icon,
+    caret,
+    fill,
+    tooltip,
+    children,
+    arrow,
+    disabled,
+    ...props
+  } = _ref3;
   const [selectedState, setSelectedState] = (0, _react.useState)(false);
-
   const handleToggle = () => {
     setSelectedState(!selectedState);
     return !selectedState;
   };
-
   const isCollapsed = (0, _react.useContext)(_ResponsiveContext.default);
   const componentProps = {};
-
   if (Tag === 'button') {
     componentProps.type = 'button';
   } else if (Tag === 'a') {
     componentProps.role = 'button';
     componentProps.tabIndex = 0;
-
     if (disabled) {
       props.href = undefined;
     }
   }
-
   if (props.onClick && disabled) {
     props.onClick = e => {
       e.preventDefault();
     };
   }
-
   let childrenElement = children;
   let tooltipElement = tooltip;
-
   if (isCollapsed && icon && children) {
     childrenElement = null;
-
     if (!tooltip) {
       tooltipElement = children;
     }
   }
-
   if (!props.onClick && onToggle) {
     props.onClick = e => {
       e.preventDefault();
       onToggle(handleToggle());
     };
   }
-
   const selected = selectedProp === undefined ? selectedState : selectedProp;
-
   if (selectedProp !== undefined || onToggle) {
     componentProps['aria-pressed'] = String(selected);
   }
-
   const isArrowButton = arrow === 'forward' || arrow === 'backward';
   const hasAriaDisabled = Tag === 'button' && disabled && tooltip;
-
   let button = /*#__PURE__*/_react.default.createElement(Tag, (0, _extends2.default)({
     ref: ref,
     className: (0, _classnames.default)(baseClassName, {
@@ -201,13 +172,11 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)(({
   })), isArrowButton && !ghost && /*#__PURE__*/_react.default.createElement("span", {
     className: `${baseClassName}__arrow`
   }));
-
   if (tooltipElement) {
     button = /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
       title: tooltipElement
     }, button);
   }
-
   return button;
 });
 Button.displayName = 'Button';
@@ -217,95 +186,79 @@ Button.propTypes = {
    * @since 2.5.0
    */
   size: _propTypes.default.oneOf(['md', 'lg']),
-
   /**
    * Visual intent color to apply to component.
    * @since 0.0.42
    */
   intent: _propTypes.default.oneOf(['primary', 'secondary', 'success', 'warning', 'danger', 'info']),
-
   /**
    * Display button with transparent background.
    * @since 2.1.0
    */
   ghost: _propTypes.default.bool,
-
   /**
    * Arrow button.
    * @since 2.6.0
    */
   arrow: _propTypes.default.oneOf(['forward', 'backward']),
-
   /**
    * Selected state of toggle button. Used in controlled component mode.
    * @since 0.0.68
    */
   selected: _propTypes.default.bool,
-
   /**
    * Toggle button callback. Used in uncontrolled component mode.
    * @since 0.0.68
    */
   onToggle: _propTypes.default.func,
-
   /**
    * State of the button
    * @since 0.0.42
    */
   state: _propTypes.default.oneOf(['active', 'loading', 'hovered', 'focused']),
-
   /**
    * Is button disabled?
    * @since 0.0.42
    */
   disabled: _propTypes.default.bool,
-
   /**
    * Tooltip for component
    * @since 0.0.42
    */
   tooltip: _propTypes.default.node,
-
   /**
    * Name of icon or [Icon](#!/Icon) component
    * @since 0.0.42
    */
   icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.element]),
-
   /**
    * Show caret
    * @since 0.0.42
    */
   caret: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.element]),
-
   /**
    * Dynamically expand the button to fill out the whole available width of its parent container.
    * @since 1.8.0
    */
   fill: _propTypes.default.bool,
-
   /**
    * Content of the button
    * @since 0.0.37
    */
   children: _propTypes.default.node,
-
   /**
    * Component to render as the root element. Useful when rendering a `Button` as `<a>` or `<Link>`.
    * @since 0.0.42
    */
   component: _propTypes.default.elementType,
-
   /**
    * @ignore
    */
   className: _propTypes.default.string,
-
   /**
    * @ignore
    */
   baseClassName: _propTypes.default.string,
-
   /**
    * @ignore
    */

package/cjs/components/Button/Button.stories.js

@@ -1,35 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.States = exports.Intents = exports.Ghost = exports.Basic = exports.Arrows = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = _interopRequireDefault(require("./Button"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Button.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_Button.default, args);
 exports.Basic = Basic;
 Basic.args = {
   children: 'Click me'
 };
-
 const Ghost = args => /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
   ghost: true
 }, args));
-
 exports.Ghost = Ghost;
 Ghost.args = {
   icon: 'gear'
 };
-
 const Intents = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
   intent: "info"
 }, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
@@ -39,9 +31,7 @@ const Intents = () => /*#__PURE__*/_react.default.createElement(_react.default.F
 }, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
   intent: "danger"
 }, Basic.args)));
-
 exports.Intents = Intents;
-
 const Arrows = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
   arrow: "forward"
 }, Basic.args)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
@@ -65,9 +55,7 @@ const Arrows = () => /*#__PURE__*/_react.default.createElement(_react.default.Fr
   arrow: "backward",
   intent: "danger"
 }, Basic.args))));
-
 exports.Arrows = Arrows;
-
 const States = () => [{
   intent: 'primary'
 }, {
@@ -85,5 +73,4 @@ const States = () => [{
 }, Basic.args, props)), ` `, /*#__PURE__*/_react.default.createElement(Basic, (0, _extends2.default)({
   state: "focused"
 }, Basic.args, props))));
-
 exports.States = States;

package/cjs/components/Button/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _Button.default;
   }
 });
-
 var _Button = _interopRequireDefault(require("./Button"));

package/cjs/components/ButtonGroup/ButtonGroup.js

@@ -1,36 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * `ButtonGroup` component is used for visual grouping of several [Buttons](#!/Button) together.
  * @since 0.0.37
  */
-const ButtonGroup = ({
-  baseClassName = `${_constants.CLS_PREFIX}button-group`,
-  className,
-  children,
-  innerRef,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className),
-  ref: innerRef
-}, props), children);
-
+const ButtonGroup = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}button-group`,
+    className,
+    children,
+    innerRef,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className),
+    ref: innerRef
+  }, props), children);
+};
 var _default = ButtonGroup;
 exports.default = _default;

package/cjs/components/ButtonGroup/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _ButtonGroup.default;
   }
 });
-
 var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));