@plesk/ui-library 3.31.3 → 3.32.0

package/cjs/components/ComboBoxDropdown/ComboBoxDropdown.js

@@ -5,20 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.findNextSafeIndex = exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _constants = require("../../constants");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Popper = _interopRequireDefault(require("../Popper"));
 var _Menu = _interopRequireWildcard(require("../Menu"));
 var _AutoClosable = _interopRequireDefault(require("../AutoClosable"));
 var _utils = require("../utils");
+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-2020. Plesk International GmbH. All rights reserved.
 
-/* eslint-disable react/prop-types */
-
 const findNextSafeIndex = (currIndex, diff, options) => {
   const maxIndex = options.length - 1;
   let attempt = 0;
@@ -97,76 +95,83 @@ const ComboBoxDropdown = _ref => {
       }
     });
   }, [emitter]);
-  const target = /*#__PURE__*/_react.default.createElement(_AutoClosable.default, {
+  const target = /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoClosable.default, {
     onClose: () => {
       setTimeout(() => {
         (0, _utils.safeInvoke)(onClose);
       }, 0);
     },
     ignoreNodes: () => [menuRef.current],
-    nodeRef: controlRef
-  }, control);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: className
-  }, props, {
-    ref: rootRef
-  }), /*#__PURE__*/_react.default.createElement(_Popper.default, {
-    target: target,
-    targetRef: controlRef,
-    show: opened && !disabled,
-    className: `${baseClassName}__popper`,
-    zIndex: _constants.Z_INDEX_DROPDOWN
-  }, /*#__PURE__*/_react.default.createElement(_Menu.default, {
-    style: {
-      minWidth
-    },
-    ref: menuRef,
-    className: `${baseClassName}__menu`
-  }, groups.reduce((acc, group) => {
-    if (group.label) {
-      acc.push( /*#__PURE__*/_react.default.createElement(_Menu.MenuHeader, (0, _extends2.default)({}, group.props, {
-        key: `group_${group.label}`
-      }), group.label));
-    }
-    group.options.forEach(option => {
-      const optionIndex = options.indexOf(option);
-      let onClick;
-      let onMouseOver;
-      let onMouseDown;
-      if (!option.disabled) {
-        onClick = e => {
-          e.preventDefault();
-          (0, _utils.safeInvoke)(onSelect, option.value);
-        };
-        onMouseOver = () => {
-          // TODO: use throttle
-          (0, _utils.safeInvoke)(onHighlightedIndexChange, optionIndex);
-        };
-        onMouseDown = e => {
-          e.preventDefault();
-        };
-      }
-      const menuItemProps = {
-        ...option.props,
-        active: value === option.value,
-        className: (0, _classnames.default)(`${baseClassName}__option`, {
-          [`${baseClassName}__option--selected`]: optionIndex === highlightedIndex
-        }),
-        disabled: option.disabled,
-        onClick,
-        onMouseOver,
-        onMouseDown,
-        'data-index': optionIndex
-      };
-      acc.push( /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, (0, _extends2.default)({
-        key: `option_${option.value}`
-      }, menuItemProps), option.children));
-    });
-    return acc;
-  }, []), options.length === 0 && noOptions && /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-    disabled: true,
-    className: `${baseClassName}__no-options`
-  }, noOptions))));
+    nodeRef: controlRef,
+    children: control
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: className,
+    ...props,
+    ref: rootRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper.default, {
+      target: target,
+      targetRef: controlRef,
+      show: opened && !disabled,
+      className: `${baseClassName}__popper`,
+      zIndex: _constants.Z_INDEX_DROPDOWN,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Menu.default, {
+        style: {
+          minWidth
+        },
+        ref: menuRef,
+        className: `${baseClassName}__menu`,
+        children: [groups.reduce((acc, group) => {
+          if (group.label) {
+            acc.push( /*#__PURE__*/(0, _react.createElement)(_Menu.MenuHeader, {
+              ...group.props,
+              key: `group_${group.label}`
+            }, group.label));
+          }
+          group.options.forEach(option => {
+            const optionIndex = options.indexOf(option);
+            let onClick;
+            let onMouseOver;
+            let onMouseDown;
+            if (!option.disabled) {
+              onClick = e => {
+                e.preventDefault();
+                (0, _utils.safeInvoke)(onSelect, option.value);
+              };
+              onMouseOver = () => {
+                // TODO: use throttle
+                (0, _utils.safeInvoke)(onHighlightedIndexChange, optionIndex);
+              };
+              onMouseDown = e => {
+                e.preventDefault();
+              };
+            }
+            const menuItemProps = {
+              ...option.props,
+              active: value === option.value,
+              className: (0, _classnames.default)(`${baseClassName}__option`, {
+                [`${baseClassName}__option--selected`]: optionIndex === highlightedIndex
+              }),
+              disabled: option.disabled,
+              onClick,
+              onMouseOver,
+              onMouseDown,
+              'data-index': optionIndex
+            };
+            acc.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuItem, {
+              ...menuItemProps,
+              children: option.children
+            }, `option_${option.value}`));
+          });
+          return acc;
+        }, []), options.length === 0 && noOptions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuItem, {
+          disabled: true,
+          className: `${baseClassName}__no-options`,
+          children: noOptions
+        })]
+      })
+    })
+  });
 };
 var _default = ComboBoxDropdown;
 exports.default = _default;

package/cjs/components/ConsoleOutput/ConsoleOutput.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("../../constants");
-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; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 const scrollToBottom = el => {
@@ -71,15 +69,17 @@ class ConsoleOutput extends _react.PureComponent {
       ...props
     } = this.props;
     const onScroll = autoscroll ? this.handleScroll : undefined;
-    return /*#__PURE__*/_react.default.createElement("pre", (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("pre", {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--wide`]: wide
       }, className),
       ref: this.rootRef,
-      onScroll: onScroll
-    }, props), children, cursor ? /*#__PURE__*/_react.default.createElement("span", {
-      className: `${baseClassName}__cursor`
-    }) : null);
+      onScroll: onScroll,
+      ...props,
+      children: [children, cursor ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: `${baseClassName}__cursor`
+      }) : null]
+    });
   }
 }
 (0, _defineProperty2.default)(ConsoleOutput, "defaultProps", {

package/cjs/components/ContentLoader/ContentLoader.js

@@ -5,14 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Spinner = _interopRequireDefault(require("../Spinner"));
 var _IconsLoader = _interopRequireDefault(require("./IconsLoader"));
 var _constants = require("../../constants");
-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; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 const getLoader = loader => {
@@ -58,9 +56,10 @@ const ContentLoader = _ref => {
     return tmp;
   }
   if (_react.Children.toArray(children).length && overlay) {
-    children = /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(`${baseClassName}__content`, blur && `${baseClassName}__content--blur`)
-    }, children);
+    children = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(`${baseClassName}__content`, blur && `${baseClassName}__content--blur`),
+      children: children
+    });
   }
   const {
     loaderType,
@@ -69,15 +68,24 @@ const ContentLoader = _ref => {
   loaderProps.className = (0, _classnames.default)(`${baseClassName}__indicator`, {
     [`${baseClassName}__indicator--sm`]: loaderType === 'spinner' && spinner && spinner.size === 'sm'
   });
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    className: (0, _classnames.default)(baseClassName, !_react.Children.toArray(children).length && overlay && `${baseClassName}--overlay`, className)
-  }, props), children, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${baseClassName}__container`, overlay && `${baseClassName}__overlay`, backdrop && `${baseClassName}__backdrop`)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${baseClassName}__loader`, `${baseClassName}__loader--${loaderType}`)
-  }, loaderType === 'spinner' && /*#__PURE__*/_react.default.createElement(_Spinner.default, loaderProps), loaderType === 'icons' && /*#__PURE__*/_react.default.createElement(_IconsLoader.default, loaderProps), text && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${baseClassName}__text`
-  }, text))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(baseClassName, !_react.Children.toArray(children).length && overlay && `${baseClassName}--overlay`, className),
+    ...props,
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(`${baseClassName}__container`, overlay && `${baseClassName}__overlay`, backdrop && `${baseClassName}__backdrop`),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)(`${baseClassName}__loader`, `${baseClassName}__loader--${loaderType}`),
+        children: [loaderType === 'spinner' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          ...loaderProps
+        }), loaderType === 'icons' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconsLoader.default, {
+          ...loaderProps
+        }), text && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: `${baseClassName}__text`,
+          children: text
+        })]
+      })
+    })]
+  });
 };
 var _default = ContentLoader;
 exports.default = _default;

package/cjs/components/ContentLoader/IconsLoader.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _constants = require("../../constants");
-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; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 const DEFAULT_ICONS = ['clock', 'emoticon-smile', 'rocket', 'sand-clock', 'sleep', 'web', 'star'];
@@ -66,23 +64,27 @@ const IconsLoader = _ref => {
     }
     return false;
   });
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)(baseClassName, className),
     style: {
       ...style,
       ['--icons-loader-size']: size ? size : undefined
-    }
-  }, props), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${baseClassName}__icon`, `${baseClassName}__icon--1`),
-    ref: icon1Ref
-  }, _Icon.default.create(icon1, {
-    size: size ? size : '64'
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${baseClassName}__icon`, `${baseClassName}__icon--2`),
-    ref: icon2Ref
-  }, _Icon.default.create(icon2, {
-    size: size ? size : '64'
-  })));
+    },
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(`${baseClassName}__icon`, `${baseClassName}__icon--1`),
+      ref: icon1Ref,
+      children: _Icon.default.create(icon1, {
+        size: size ? size : '64'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(`${baseClassName}__icon`, `${baseClassName}__icon--2`),
+      ref: icon2Ref,
+      children: _Icon.default.create(icon2, {
+        size: size ? size : '64'
+      })
+    })]
+  });
 };
 var _default = IconsLoader;
 exports.default = _default;

package/cjs/components/Cuttable/Cuttable.js

@@ -5,18 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
 var _constants = require("../../constants");
 var _Translate = _interopRequireDefault(require("../Translate"));
 var _Link = _interopRequireDefault(require("../Link"));
-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; }
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-/* eslint-disable react/no-did-mount-set-state */
 
 /**
  * `Cuttable` component is used for showing and hiding part of content.
@@ -64,35 +61,41 @@ class Cuttable extends _react.Component {
       ...props
     } = this.props;
     const showMoreLessKey = this.state.collapsed ? 'showMore' : 'showLess';
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)(baseClassName, {
         [`${baseClassName}--collapse`]: this.state.collapsed === true,
         [`${baseClassName}--expand`]: this.state.collapsed === false
-      }, className)
-    }, props), /*#__PURE__*/_react.default.createElement(_reactMeasure.default, {
-      onResize: this.handleResize,
-      innerRef: el => {
-        this.contentRef.current = el;
-      }
-    }, _ref2 => {
-      let {
-        measureRef
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: `${baseClassName}__content`,
-        style: {
-          maxHeight
+      }, className),
+      ...props,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
+        onResize: this.handleResize,
+        innerRef: el => {
+          this.contentRef.current = el;
         },
-        ref: measureRef
-      }, children);
-    }), this.state.collapsed !== undefined && /*#__PURE__*/_react.default.createElement("div", {
-      className: `${baseClassName}__action`
-    }, /*#__PURE__*/_react.default.createElement(_Link.default, {
-      onClick: this.handleToggle
-    }, /*#__PURE__*/_react.default.createElement(_Translate.default, {
-      content: `Cuttable.${showMoreLessKey}`,
-      fallback: locale[showMoreLessKey]
-    }))));
+        children: _ref2 => {
+          let {
+            measureRef
+          } = _ref2;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: `${baseClassName}__content`,
+            style: {
+              maxHeight
+            },
+            ref: measureRef,
+            children: children
+          });
+        }
+      }), this.state.collapsed !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${baseClassName}__action`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+          onClick: this.handleToggle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+            content: `Cuttable.${showMoreLessKey}`,
+            fallback: locale[showMoreLessKey]
+          })
+        })
+      })]
+    });
   }
 }
 (0, _defineProperty2.default)(Cuttable, "defaultProps", {

package/cjs/components/Cuttable/Cuttable.stories.js

@@ -5,20 +5,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WithItemList = exports.Basic = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _Cuttable = _interopRequireDefault(require("./Cuttable"));
 var _Paragraph = _interopRequireDefault(require("../Paragraph"));
 var _ItemList = require("../ItemList/ItemList.stories");
+var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Cuttable.default, args);
+const Basic = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cuttable.default, {
+  ...args
+});
 exports.Basic = Basic;
 Basic.args = {
-  children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 1'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 2'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 3'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 4'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 5'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 6'), /*#__PURE__*/_react.default.createElement(_Paragraph.default, null, 'Text 7'))
+  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
+      children: 'Text 1'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
+      children: 'Text 2'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
+      children: 'Text 3'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
+      children: 'Text 4'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
+      children: 'Text 5'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
+      children: 'Text 6'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paragraph.default, {
+      children: 'Text 7'
+    })]
+  })
 };
-const WithItemList = args => /*#__PURE__*/_react.default.createElement(_Cuttable.default, args);
+const WithItemList = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cuttable.default, {
+  ...args
+});
 exports.WithItemList = WithItemList;
 WithItemList.args = {
   maxHeight: 60,
-  children: /*#__PURE__*/_react.default.createElement(_ItemList.Basic, _ItemList.Basic.args)
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemList.Basic, {
+    ..._ItemList.Basic.args
+  })
 };