@carbon/react 1.27.0 → 1.28.0

package/es/components/UIShell/SideNavHeader.js

@@ -11,17 +11,20 @@ import React__default from 'react';
 import SideNavIcon from './SideNavIcon.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var SideNavHeader = function SideNavHeader(_ref) {
-  var customClassName = _ref.className,
-      children = _ref.children,
-      IconElement = _ref.renderIcon;
-  var prefix = usePrefix();
-  var className = cx("".concat(prefix, "--side-nav__header"), customClassName);
+const SideNavHeader = _ref => {
+  let {
+    className: customClassName,
+    children,
+    renderIcon: IconElement
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(`${prefix}--side-nav__header`, customClassName);
   return /*#__PURE__*/React__default.createElement("header", {
     className: className
   }, /*#__PURE__*/React__default.createElement(SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), children);
 };
 
+SideNavHeader.displayName = 'SideNavHeader';
 SideNavHeader.propTypes = {
   /**
    * The child nodes to be rendered

package/es/components/UIShell/SideNavIcon.js

@@ -5,20 +5,23 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 function SideNavIcon(_ref) {
-  var _cx;
-
-  var children = _ref.children,
-      customClassName = _ref.className,
-      small = _ref.small;
-  var prefix = usePrefix();
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__icon"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__icon--small"), small), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+  let {
+    children,
+    className: customClassName,
+    small
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx({
+    [`${prefix}--side-nav__icon`]: true,
+    [`${prefix}--side-nav__icon--small`]: small,
+    [customClassName]: !!customClassName
+  });
   return /*#__PURE__*/React__default.createElement("div", {
     className: className
   }, children);

package/es/components/UIShell/SideNavItem.js

@@ -5,21 +5,23 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 function SideNavItem(_ref) {
-  var _cx;
-
-  var customClassName = _ref.className,
-      children = _ref.children,
-      _ref$large = _ref.large,
-      large = _ref$large === void 0 ? false : _ref$large;
-  var prefix = usePrefix();
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+  let {
+    className: customClassName,
+    children,
+    large = false
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx({
+    [`${prefix}--side-nav__item`]: true,
+    [`${prefix}--side-nav__item--large`]: large,
+    [customClassName]: !!customClassName
+  });
   return /*#__PURE__*/React__default.createElement("li", {
     className: className
   }, children);

package/es/components/UIShell/SideNavItems.js

@@ -5,27 +5,29 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { CARBON_SIDENAV_ITEMS } from './_utils.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var SideNavItems = function SideNavItems(_ref) {
-  var customClassName = _ref.className,
-      children = _ref.children,
-      isSideNavExpanded = _ref.isSideNavExpanded;
-  var prefix = usePrefix();
-  var className = cx(["".concat(prefix, "--side-nav__items")], customClassName);
-  var childrenWithExpandedState = React__default.Children.map(children, function (child) {
+const SideNavItems = _ref => {
+  let {
+    className: customClassName,
+    children,
+    isSideNavExpanded
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx([`${prefix}--side-nav__items`], customClassName);
+  const childrenWithExpandedState = React__default.Children.map(children, child => {
     if ( /*#__PURE__*/React__default.isValidElement(child)) {
       var _child$type;
 
       // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
-      return /*#__PURE__*/React__default.cloneElement(child, _objectSpread2({}, CARBON_SIDENAV_ITEMS.includes((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) ? {
-        isSideNavExpanded: isSideNavExpanded
-      } : {}));
+      return /*#__PURE__*/React__default.cloneElement(child, { ...(CARBON_SIDENAV_ITEMS.includes((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) ? {
+          isSideNavExpanded
+        } : {})
+      });
     }
   });
   return /*#__PURE__*/React__default.createElement("ul", {
@@ -33,6 +35,7 @@ var SideNavItems = function SideNavItems(_ref) {
   }, childrenWithExpandedState);
 };
 
+SideNavItems.displayName = 'SideNavItems';
 SideNavItems.propTypes = {
   /**
    * Provide a single icon as the child to `SideNavIcon` to render in the

package/es/components/UIShell/SideNavLink.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
@@ -15,20 +15,21 @@ import SideNavItem from './SideNavItem.js';
 import SideNavLinkText from './SideNavLinkText.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["children", "className", "renderIcon", "isActive", "large"];
-var SideNavLink = /*#__PURE__*/React__default.forwardRef(function SideNavLink(_ref, ref) {
-  var _cx;
-
-  var children = _ref.children,
-      customClassName = _ref.className,
-      IconElement = _ref.renderIcon,
-      isActive = _ref.isActive,
-      _ref$large = _ref.large,
-      large = _ref$large === void 0 ? false : _ref$large,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__link"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__link--current"), isActive), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+const SideNavLink = /*#__PURE__*/React__default.forwardRef(function SideNavLink(_ref, ref) {
+  let {
+    children,
+    className: customClassName,
+    renderIcon: IconElement,
+    isActive,
+    large = false,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx({
+    [`${prefix}--side-nav__link`]: true,
+    [`${prefix}--side-nav__link--current`]: isActive,
+    [customClassName]: !!customClassName
+  });
   return /*#__PURE__*/React__default.createElement(SideNavItem, {
     large: large
   }, /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {
@@ -39,7 +40,8 @@ var SideNavLink = /*#__PURE__*/React__default.forwardRef(function SideNavLink(_r
   }, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
 });
 SideNavLink.displayName = 'SideNavLink';
-SideNavLink.propTypes = _objectSpread2(_objectSpread2({}, LinkPropTypes), {}, {
+SideNavLink.propTypes = { ...LinkPropTypes,
+
   /**
    * Specify the text content for the link
    */
@@ -64,7 +66,7 @@ SideNavLink.propTypes = _objectSpread2(_objectSpread2({}, LinkPropTypes), {}, {
    * Provide an icon to render in the side navigation link. Should be a React class.
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-}); // eslint-disable-next-line react/display-name
+}; // eslint-disable-next-line react/display-name
 var SideNavLink$1 = SideNavLink;
 
 export { SideNavLink$1 as default };

package/es/components/UIShell/SideNavLinkText.js

@@ -5,21 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className", "children"];
-
 function SideNavLinkText(_ref) {
-  var customClassName = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx("".concat(prefix, "--side-nav__link-text"), customClassName);
+  let {
+    className: customClassName,
+    children,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(`${prefix}--side-nav__link-text`, customClassName);
   return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
     className: className
   }), children);

package/es/components/UIShell/SideNavMenu.js

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -16,33 +15,27 @@ import { match } from '../../internal/keyboard/match.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 
 var _ChevronDown;
-var SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(props, ref) {
-  var _cx;
-
-  var customClassName = props.className,
-      children = props.children,
-      _props$defaultExpande = props.defaultExpanded,
-      defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande,
-      _props$isActive = props.isActive,
-      isActive = _props$isActive === void 0 ? false : _props$isActive,
-      _props$large = props.large,
-      large = _props$large === void 0 ? false : _props$large,
-      IconElement = props.renderIcon,
-      isSideNavExpanded = props.isSideNavExpanded,
-      title = props.title;
-  var prefix = usePrefix();
-
-  var _useState = useState(defaultExpanded),
-      _useState2 = _slicedToArray(_useState, 2),
-      isExpanded = _useState2[0],
-      setIsExpanded = _useState2[1];
-
-  var _useState3 = useState(defaultExpanded),
-      _useState4 = _slicedToArray(_useState3, 2),
-      prevExpanded = _useState4[0],
-      setPrevExpanded = _useState4[1];
-
-  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--active"), isActive || hasActiveChild(children) && !isExpanded), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--icon"), IconElement), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+const SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(props, ref) {
+  const {
+    className: customClassName,
+    children,
+    defaultExpanded = false,
+    isActive = false,
+    large = false,
+    renderIcon: IconElement,
+    isSideNavExpanded,
+    title
+  } = props;
+  const prefix = usePrefix();
+  const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+  const [prevExpanded, setPrevExpanded] = useState(defaultExpanded);
+  const className = cx({
+    [`${prefix}--side-nav__item`]: true,
+    [`${prefix}--side-nav__item--active`]: isActive || hasActiveChild(children) && !isExpanded,
+    [`${prefix}--side-nav__item--icon`]: IconElement,
+    [`${prefix}--side-nav__item--large`]: large,
+    [customClassName]: !!customClassName
+  });
 
   if (isSideNavExpanded === false && isExpanded === true) {
     setIsExpanded(false);
@@ -57,32 +50,33 @@ var SideNavMenu = /*#__PURE__*/React__default.forwardRef(function SideNavMenu(pr
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     React__default.createElement("li", {
       className: className,
-      onKeyDown: function onKeyDown(event) {
+      onKeyDown: event => {
         if (match(event, Escape)) {
           setIsExpanded(false);
         }
       }
     }, /*#__PURE__*/React__default.createElement("button", {
       "aria-expanded": isExpanded,
-      className: "".concat(prefix, "--side-nav__submenu"),
-      onClick: function onClick() {
+      className: `${prefix}--side-nav__submenu`,
+      onClick: () => {
         setIsExpanded(!isExpanded);
       },
       ref: ref,
       type: "button"
     }, IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("span", {
-      className: "".concat(prefix, "--side-nav__submenu-title"),
+      className: `${prefix}--side-nav__submenu-title`,
       title: title
     }, title), /*#__PURE__*/React__default.createElement(SideNavIcon, {
-      className: "".concat(prefix, "--side-nav__submenu-chevron"),
+      className: `${prefix}--side-nav__submenu-chevron`,
       small: true
     }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, {
       size: 20
     })))), /*#__PURE__*/React__default.createElement("ul", {
-      className: "".concat(prefix, "--side-nav__menu")
+      className: `${prefix}--side-nav__menu`
     }, children))
   );
 });
+SideNavMenu.displayName = 'SideNavMenu';
 SideNavMenu.propTypes = {
   /**
    * Provide <SideNavMenuItem>'s inside of the `SideNavMenu`
@@ -132,7 +126,7 @@ SideNavMenu.propTypes = {
 function hasActiveChild(children) {
   // if we have children, either a single or multiple, find if it is active
   if (Array.isArray(children)) {
-    return children.some(function (child) {
+    return children.some(child => {
       if (!child.props) {
         return false;
       }

package/es/components/UIShell/SideNavMenuItem.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
@@ -13,19 +13,19 @@ import SideNavLinkText from './SideNavLinkText.js';
 import Link from './Link.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["children", "className", "isActive"];
-var SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavMenuItem(props, ref) {
-  var _cx;
-
-  var prefix = usePrefix();
-
-  var children = props.children,
-      customClassName = props.className,
-      isActive = props.isActive,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var className = cx("".concat(prefix, "--side-nav__menu-item"), customClassName);
-  var linkClassName = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__link"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__link--current"), isActive), _cx));
+const SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavMenuItem(props, ref) {
+  const prefix = usePrefix();
+  const {
+    children,
+    className: customClassName,
+    isActive,
+    ...rest
+  } = props;
+  const className = cx(`${prefix}--side-nav__menu-item`, customClassName);
+  const linkClassName = cx({
+    [`${prefix}--side-nav__link`]: true,
+    [`${prefix}--side-nav__link--current`]: isActive
+  });
   return /*#__PURE__*/React__default.createElement("li", {
     className: className
   }, /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {

package/es/components/UIShell/SideNavSwitcher.js

@@ -13,40 +13,40 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { useId } from '../../internal/useId.js';
 
 var _ChevronDown;
-var SideNavSwitcher = /*#__PURE__*/React__default.forwardRef(function SideNavSwitcher(props, ref) {
-  var id = useId('side-nav-switcher');
-  var prefix = usePrefix();
-  var customClassName = props.className,
-      labelText = props.labelText,
-      onChange = props.onChange,
-      options = props.options;
-  var className = cx("".concat(prefix, "--side-nav__switcher"), customClassName); // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
+const SideNavSwitcher = /*#__PURE__*/React__default.forwardRef(function SideNavSwitcher(props, ref) {
+  const id = useId('side-nav-switcher');
+  const prefix = usePrefix();
+  const {
+    className: customClassName,
+    labelText,
+    onChange,
+    options
+  } = props;
+  const className = cx(`${prefix}--side-nav__switcher`, customClassName); // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
 
   return /*#__PURE__*/React__default.createElement("div", {
     className: className
   }, /*#__PURE__*/React__default.createElement("label", {
     htmlFor: id,
-    className: "".concat(prefix, "--assistive-text")
+    className: `${prefix}--assistive-text`
   }, labelText), /*#__PURE__*/React__default.createElement("select", {
     id: id,
-    className: "".concat(prefix, "--side-nav__select"),
+    className: `${prefix}--side-nav__select`,
     defaultValue: "",
     onBlur: onChange,
     onChange: onChange,
     ref: ref
   }, /*#__PURE__*/React__default.createElement("option", {
-    className: "".concat(prefix, "--side-nav__option"),
+    className: `${prefix}--side-nav__option`,
     disabled: true,
     hidden: true,
     value: ""
-  }, labelText), options.map(function (option) {
-    return /*#__PURE__*/React__default.createElement("option", {
-      key: option,
-      className: "".concat(prefix, "--side-nav__option"),
-      value: option
-    }, option);
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--side-nav__switcher-chevron")
+  }, labelText), options.map(option => /*#__PURE__*/React__default.createElement("option", {
+    key: option,
+    className: `${prefix}--side-nav__option`,
+    value: option
+  }, option))), /*#__PURE__*/React__default.createElement("div", {
+    className: `${prefix}--side-nav__switcher-chevron`
   }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, {
     size: 20
   }))));

package/es/components/UIShell/SkipToContent.js

@@ -5,23 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["children", "className", "href", "tabIndex"];
-
 function SkipToContent(_ref) {
-  var children = _ref.children,
-      customClassName = _ref.className,
-      href = _ref.href,
-      tabIndex = _ref.tabIndex,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx("".concat(prefix, "--skip-to-content"), customClassName);
+  let {
+    children,
+    className: customClassName,
+    href,
+    tabIndex,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(`${prefix}--skip-to-content`, customClassName);
   return /*#__PURE__*/React__default.createElement("a", _extends({}, rest, {
     className: className,
     href: href,

package/es/components/UIShell/Switcher.js

@@ -5,31 +5,40 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var Switcher = /*#__PURE__*/React__default.forwardRef(function Switcher(props, ref) {
-  var prefix = usePrefix();
-  var ariaLabel = props['aria-label'],
-      ariaLabelledBy = props['aria-labelledby'],
-      customClassName = props.className,
-      children = props.children;
-  var accessibilityLabel = {
+const Switcher = /*#__PURE__*/React__default.forwardRef(function Switcher(props, ref) {
+  const prefix = usePrefix();
+  const {
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy,
+    className: customClassName,
+    children
+  } = props;
+  const accessibilityLabel = {
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy
   };
-  var className = cx("".concat(prefix, "--switcher"), _defineProperty({}, customClassName, !!customClassName));
+  const className = cx(`${prefix}--switcher`, {
+    [customClassName]: !!customClassName
+  });
   return /*#__PURE__*/React__default.createElement("ul", _extends({
     ref: ref,
     className: className
   }, accessibilityLabel), children);
 });
 Switcher.displayName = 'Switcher';
-Switcher.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {}, {
+Switcher.propTypes = {
+  /**
+   * Required props for accessibility label on the underlying menu
+   */
+  ...AriaLabelPropType,
+
   /**
    * expects to receive <SwitcherItem />
    */
@@ -39,7 +48,7 @@ Switcher.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {}, {
    * Optionally provide a custom class to apply to the underlying `<ul>` node
    */
   className: PropTypes.string
-});
+};
 var Switcher$1 = Switcher;
 
 export { Switcher$1 as default };

package/es/components/UIShell/SwitcherDivider.js

@@ -5,20 +5,21 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["className"];
-
-var SwitcherDivider = function SwitcherDivider(_ref) {
-  var customClassName = _ref.className,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = cx("".concat(prefix, "--switcher__item--divider"), _defineProperty({}, customClassName, !!customClassName));
+const SwitcherDivider = _ref => {
+  let {
+    className: customClassName,
+    ...other
+  } = _ref;
+  const prefix = usePrefix();
+  const className = cx(`${prefix}--switcher__item--divider`, {
+    [customClassName]: !!customClassName
+  });
   return /*#__PURE__*/React__default.createElement("hr", _extends({}, other, {
     className: className
   }));