@plesk/ui-library 3.30.0 → 3.31.1

package/cjs/components/Action/Action.js

@@ -1,48 +1,39 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _utils = require("../utils");
-
 var _Icon = _interopRequireWildcard(require("../Icon"));
-
 var _Spinner = _interopRequireDefault(require("../Spinner"));
-
 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.
+// Copyright 1999-2022. Plesk International GmbH. All rights reserved.
 
 /**
  * `Action` component is used mostly for navigation, to go between pages, and not for immediate action or submitting data.
  * @since 0.0.68
  */
-const Action = ({
-  baseClassName = `${_constants.CLS_PREFIX}action`,
-  component: Tag = 'a',
-  icon,
-  rightAddon,
-  bottomAddon,
-  children,
-  progress = false,
-  nowrap = false,
-  outerProps = {},
-  ...props
-}) => {
+const Action = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}action`,
+    component: Tag = 'a',
+    icon,
+    onClick,
+    rightAddon,
+    bottomAddon,
+    children,
+    progress = false,
+    nowrap = false,
+    outerProps = {},
+    ...props
+  } = _ref;
   const {
     className,
     component: RootTag = 'span',
@@ -53,25 +44,27 @@ const Action = ({
     size: _Icon.ICON_SIZE_16
   });
   let size = _Icon.ICON_SIZE_16;
-
   if ( /*#__PURE__*/(0, _react.isValidElement)(icon) && icon.props.size) {
     ({
       size
     } = icon.props);
   }
-
+  const tagProps = {
+    ...props,
+    onClick,
+    className: (0, _classnames.default)(props.className, `${baseClassName}__content`) || undefined
+  };
   if (progress) {
     icon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
       size: size,
       className: `${baseClassName}__icon`
     }, /*#__PURE__*/_react.default.createElement(_Spinner.default, null));
+    tagProps.onClick = e => e.preventDefault();
+    tagProps.tabIndex = -1;
   }
 
-  const tagProps = { ...props,
-    className: (0, _classnames.default)(props.className, `${baseClassName}__content`) || undefined
-  };
-
-  if (tagProps.onClick) {
+  // accessibility
+  if (onClick) {
     tagProps.tabIndex = tagProps.tabIndex || 0;
     tagProps.onKeyDown = (0, _utils.wrapFunction)(tagProps.onKeyDown, e => {
       if (e.key === 'Enter') {
@@ -80,7 +73,6 @@ const Action = ({
       }
     });
   }
-
   return /*#__PURE__*/_react.default.createElement(RootTag, (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, {
       [`${baseClassName}--size-${size}`]: icon || progress,
@@ -94,6 +86,5 @@ const Action = ({
     className: `${baseClassName}__bottom-addon`
   }, bottomAddon) : null);
 };
-
 var _default = Action;
 exports.default = _default;

package/cjs/components/Action/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 _Action.default;
   }
 });
-
 var _Action = _interopRequireDefault(require("./Action"));

package/cjs/components/Alert/Alert.js

@@ -1,20 +1,14 @@
 "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.
 
 /**
@@ -23,21 +17,23 @@ var _constants = require("../../constants");
  *  or [ExtendedStatusMessage](#!/ExtendedStatusMessage).
  * @since 0.0.35
  */
-const Alert = ({
-  baseClassName = `${_constants.CLS_PREFIX}alert`,
-  className,
-  intent,
-  children,
-  onClose,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, {
-    [`${baseClassName}--${intent}`]: intent
-  }, className)
-}, props), onClose && /*#__PURE__*/_react.default.createElement("span", {
-  className: "close",
-  onClick: onClose
-}), children);
-
+const Alert = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}alert`,
+    className,
+    intent,
+    children,
+    onClose,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, {
+      [`${baseClassName}--${intent}`]: intent
+    }, className)
+  }, props), onClose && /*#__PURE__*/_react.default.createElement("span", {
+    className: "close",
+    onClick: onClose
+  }), children);
+};
 var _default = Alert;
 exports.default = _default;

package/cjs/components/Alert/Alert.stories.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Intents = exports.Basic = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Alert = _interopRequireDefault(require("./Alert"));
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
-const Basic = args => /*#__PURE__*/_react.default.createElement(_Alert.default, args);
 
+const Basic = args => /*#__PURE__*/_react.default.createElement(_Alert.default, args);
 exports.Basic = Basic;
 Basic.args = {
   children: 'Content'
 };
-
 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)({
@@ -30,5 +24,4 @@ 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;

package/cjs/components/Alert/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 _Alert.default;
   }
 });
-
 var _Alert = _interopRequireDefault(require("./Alert"));

package/cjs/components/AutoClosable/AutoClosable.js

@@ -1,32 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _reactDom = require("react-dom");
-
 var _react = _interopRequireWildcard(require("react"));
-
 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.
-const AutoClosableContext = /*#__PURE__*/(0, _react.createContext)(null);
 
+const AutoClosableContext = /*#__PURE__*/(0, _react.createContext)(null);
 /**
  * This is helper component for handling outside clicks.
  * @since 0.0.42
  */
 class AutoClosable extends _react.Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
     (0, _defineProperty2.default)(this, "children", []);
     (0, _defineProperty2.default)(this, "addChild", child => {
       this.children.push(child);
@@ -49,62 +42,49 @@ class AutoClosable extends _react.Component {
         if (node instanceof AutoClosable && node.props.nodeRef && node.props.nodeRef.current) {
           return node.props.nodeRef.current;
         }
-
         if (node instanceof _react.Component) {
           return (0, _reactDom.findDOMNode)(node);
         }
-
         if (node instanceof Node) {
           return node;
         }
-
         if (node && node.current instanceof Node) {
           return node.current;
         }
-
         return null;
       }).some(node => {
         return Boolean(node && el instanceof Node && node.contains(el));
       });
-
       if (isClickOnIgnoredNode) {
         return;
       }
-
       if (this.props.onClose) {
         this.props.onClose();
       }
     });
   }
-
   componentDidMount() {
     document.body.addEventListener('click', this.onOutsideClick, {
       capture: true
     });
-
     if (this.context) {
       this.context.addChild(this);
     }
   }
-
   componentWillUnmount() {
     document.body.removeEventListener('click', this.onOutsideClick, {
       capture: true
     });
-
     if (this.context) {
       this.context.removeChild(this);
     }
   }
-
   render() {
     return /*#__PURE__*/_react.default.createElement(AutoClosableContext.Provider, {
       value: this
     }, _react.Children.only(this.props.children));
   }
-
 }
-
 AutoClosable.contextType = AutoClosableContext;
 var _default = AutoClosable;
 exports.default = _default;

package/cjs/components/AutoClosable/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 _AutoClosable.default;
   }
 });
-
 var _AutoClosable = _interopRequireDefault(require("./AutoClosable"));

package/cjs/components/AuxiliaryActions/AuxiliaryActions.js

@@ -1,43 +1,37 @@
 "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 _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; }
-
 // Copyright 1999-2020. Plesk International GmbH. All rights reserved.
 
 /**
  * Auxiliary Actions component is used for executing additional (not primary) actions.
  * @since 0.4.1
  */
-const AuxiliaryActions = ({
-  baseClassName = `${_constants.CLS_PREFIX}auxiliary-actions`,
-  className,
-  separator = /*#__PURE__*/_react.default.createElement("span", {
-    className: `${baseClassName}__separator`
-  }, ' | '),
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
-  className: (0, _classnames.default)(baseClassName, className)
-}, props), _react.Children.toArray(children).reduce((accu, elem, index) => accu.length === 0 ? [elem] : [...accu, /*#__PURE__*/(0, _react.isValidElement)(separator) ? /*#__PURE__*/(0, _react.cloneElement)(separator, {
-  key: index
-}) : separator, elem], []));
-
+const AuxiliaryActions = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}auxiliary-actions`,
+    className,
+    separator = /*#__PURE__*/_react.default.createElement("span", {
+      className: `${baseClassName}__separator`
+    }, ' | '),
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
+    className: (0, _classnames.default)(baseClassName, className)
+  }, props), _react.Children.toArray(children).reduce((accu, elem, index) => accu.length === 0 ? [elem] : [...accu, /*#__PURE__*/(0, _react.isValidElement)(separator) ? /*#__PURE__*/(0, _react.cloneElement)(separator, {
+    key: index
+  }) : separator, elem], []));
+};
 var _default = AuxiliaryActions;
 exports.default = _default;

package/cjs/components/AuxiliaryActions/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 _AuxiliaryActions.default;
   }
 });
-
 var _AuxiliaryActions = _interopRequireDefault(require("./AuxiliaryActions"));

package/cjs/components/Badge/Badge.js

@@ -1,73 +1,58 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Label = _interopRequireDefault(require("../Label"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 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.
 
 /**
  * `Badge` component is used for showing small numerical value or status attached to an interface element.
  * @since 0.0.58
  */
-const Badge = ({
-  baseClassName = `${_constants.CLS_PREFIX}badge`,
-  className,
-  children,
-  label,
-  intent,
-  hidden,
-  ...props
-}) => {
+const Badge = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}badge`,
+    className,
+    children,
+    label,
+    intent,
+    hidden,
+    ...props
+  } = _ref;
   const isAmpty = !label;
-
   if (_react.Children.toArray(children).length && !hidden) {
     if (! /*#__PURE__*/(0, _react.isValidElement)(label)) {
       label = /*#__PURE__*/_react.default.createElement(_Label.default, {
         intent: "danger"
       }, label);
     }
-
     if ( /*#__PURE__*/(0, _react.isValidElement)(label)) {
       const cloneProps = {
         className: (0, _classnames.default)(`${baseClassName}__value`, {
           [`${baseClassName}__value--dot`]: isAmpty
         }, label.props.className)
       };
-
       if (intent && (label.type === _Label.default || label.type === _Icon.default)) {
         cloneProps.intent = intent;
       }
-
       label = /*#__PURE__*/(0, _react.cloneElement)(label, cloneProps);
     }
   } else {
     label = null;
   }
-
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _classnames.default)(baseClassName, className)
   }, props), children, label);
 };
-
 var _default = Badge;
 exports.default = _default;

package/cjs/components/Badge/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 _Badge.default;
   }
 });
-
 var _Badge = _interopRequireDefault(require("./Badge"));

package/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -1,28 +1,18 @@
 "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 _utils = require("../../utils");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("../../constants");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 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.
 
 /**
@@ -30,24 +20,26 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * and it is used for navigation up to the main page of the product.
  * @since 2.3.0
  */
-const Breadcrumbs = ({
-  baseClassName = `${_constants.CLS_PREFIX}breadcrumbs`,
-  className,
-  children,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement("nav", (0, _extends2.default)({
-  role: "navigation",
-  "aria-label": "Breadcrumbs",
-  className: (0, _classnames.default)(baseClassName, className)
-}, props), /*#__PURE__*/_react.default.createElement("ul", {
-  className: `${baseClassName}__list`
-}, _react.Children.map(children, child => /*#__PURE__*/_react.default.createElement("li", {
-  className: `${baseClassName}__item`
-}, child, /*#__PURE__*/_react.default.createElement("span", {
-  className: `${baseClassName}__separator`
-}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-  name: (0, _utils.isRtl)() ? 'chevron-left' : 'chevron-right'
-}))))));
-
+const Breadcrumbs = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}breadcrumbs`,
+    className,
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("nav", (0, _extends2.default)({
+    role: "navigation",
+    "aria-label": "Breadcrumbs",
+    className: (0, _classnames.default)(baseClassName, className)
+  }, props), /*#__PURE__*/_react.default.createElement("ul", {
+    className: `${baseClassName}__list`
+  }, _react.Children.map(children, child => /*#__PURE__*/_react.default.createElement("li", {
+    className: `${baseClassName}__item`
+  }, child, /*#__PURE__*/_react.default.createElement("span", {
+    className: `${baseClassName}__separator`
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: (0, _utils.isRtl)() ? 'chevron-left' : 'chevron-right'
+  }))))));
+};
 var _default = Breadcrumbs;
 exports.default = _default;

package/cjs/components/Breadcrumbs/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 _Breadcrumbs.default;
   }
 });
-
 var _Breadcrumbs = _interopRequireDefault(require("./Breadcrumbs"));