@carbon/react 1.5.0 → 1.7.0-rc.0

package/es/components/Toggle/Toggle.js

@@ -5,116 +5,154 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
+import PropTypes from 'prop-types';
 import cx from 'classnames';
-import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
-import { PrefixContext } from '../../internal/usePrefix.js';
-import { match } from '../../internal/keyboard/match.js';
-import { Enter } from '../../internal/keyboard/keys.js';
-
-var _path, _defineProperty2, _defineProperty3;
-
-var _excluded = ["className", "defaultToggled", "toggled", "onChange", "onToggle", "id", "labelText", "labelA", "labelB", "size"];
-var getInstanceId = setupGetInstanceId();
-
-var Toggle = /*#__PURE__*/function (_React$Component) {
-  _inherits(Toggle, _React$Component);
-
-  var _super = _createSuper(Toggle);
-
-  function Toggle() {
-    _classCallCheck(this, Toggle);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Toggle, [{
-    key: "render",
-    value: function render() {
-      var prefix = this.context;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          defaultToggled = _this$props.defaultToggled,
-          toggled = _this$props.toggled,
-          _onChange = _this$props.onChange,
-          onToggle = _this$props.onToggle,
-          _this$props$id = _this$props.id,
-          id = _this$props$id === void 0 ? this.inputId = this.inputId || "__carbon-toggle_".concat(getInstanceId()) : _this$props$id,
-          labelText = _this$props.labelText,
-          labelA = _this$props.labelA,
-          labelB = _this$props.labelB,
-          size = _this$props.size,
-          other = _objectWithoutProperties(_this$props, _excluded);
-
-      var input;
-      var wrapperClasses = cx("".concat(prefix, "--form-item"), _defineProperty({}, className, className));
-      var toggleClasses = cx("".concat(prefix, "--toggle-input"), _defineProperty({}, "".concat(prefix, "--toggle-input--small"), size === 'sm'));
-      var checkedProps = {};
-
-      if (typeof toggled !== 'undefined') {
-        checkedProps.checked = toggled;
-      } else {
-        checkedProps.defaultChecked = defaultToggled;
-      }
-
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: wrapperClasses
-      }, /*#__PURE__*/React__default.createElement("input", _extends({}, other, checkedProps, {
-        "aria-label": null,
-        type: "checkbox",
-        id: id,
-        className: toggleClasses,
-        onChange: function onChange(evt) {
-          _onChange && _onChange(evt);
-          onToggle(input.checked, id, evt);
-        },
-        ref: function ref(el) {
-          input = el;
-        },
-        onKeyUp: function onKeyUp(evt) {
-          if (match(evt, Enter)) {
-            input.checked = !input.checked;
-            _onChange && _onChange(evt);
-            onToggle(input.checked, id, evt);
-          }
-        }
-      })), /*#__PURE__*/React__default.createElement("label", {
-        className: "".concat(prefix, "--toggle-input__label"),
-        htmlFor: id,
-        "aria-label": typeof labelText === 'string' ? null : this.props['aria-label']
-      }, labelText, /*#__PURE__*/React__default.createElement("span", {
-        className: "".concat(prefix, "--toggle__switch")
-      }, size && /*#__PURE__*/React__default.createElement("svg", {
-        className: "".concat(prefix, "--toggle__check"),
-        width: "6px",
-        height: "5px",
-        viewBox: "0 0 6 5"
-      }, _path || (_path = /*#__PURE__*/React__default.createElement("path", {
-        d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
-      }))), /*#__PURE__*/React__default.createElement("span", {
-        className: "".concat(prefix, "--toggle__text--off"),
-        "aria-hidden": "true"
-      }, labelA), /*#__PURE__*/React__default.createElement("span", {
-        className: "".concat(prefix, "--toggle__text--on"),
-        "aria-hidden": "true"
-      }, labelB))));
+import { useControllableState } from '../../internal/useControllableState.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _path;
+
+var _excluded = ["className", "defaultToggled", "disabled", "hideLabel", "id", "labelA", "labelB", "labelText", "onClick", "onToggle", "size", "toggled"];
+function Toggle(_ref) {
+  var className = _ref.className,
+      _ref$defaultToggled = _ref.defaultToggled,
+      defaultToggled = _ref$defaultToggled === void 0 ? false : _ref$defaultToggled,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$hideLabel = _ref.hideLabel,
+      hideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
+      id = _ref.id,
+      _ref$labelA = _ref.labelA,
+      labelA = _ref$labelA === void 0 ? 'Off' : _ref$labelA,
+      _ref$labelB = _ref.labelB,
+      labelB = _ref$labelB === void 0 ? 'On' : _ref$labelB,
+      labelText = _ref.labelText,
+      onClick = _ref.onClick,
+      onToggle = _ref.onToggle,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size,
+      toggled = _ref.toggled,
+      other = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+
+  var _useControllableState = useControllableState({
+    value: toggled,
+    onChange: onToggle,
+    defaultValue: defaultToggled
+  }),
+      _useControllableState2 = _slicedToArray(_useControllableState, 2),
+      checked = _useControllableState2[0],
+      setChecked = _useControllableState2[1];
+
+  function handleClick(e) {
+    setChecked(!checked);
+
+    if (onClick) {
+      onClick(e);
     }
-  }]);
-
-  return Toggle;
-}(React__default.Component);
-
-_defineProperty(Toggle, "propTypes", (_defineProperty2 = {}, _defineProperty(_defineProperty2, 'aria-label', PropTypes.string.isRequired), _defineProperty(_defineProperty2, "className", PropTypes.string), _defineProperty(_defineProperty2, "defaultToggled", PropTypes.bool), _defineProperty(_defineProperty2, "id", PropTypes.string.isRequired), _defineProperty(_defineProperty2, "labelA", PropTypes.node.isRequired), _defineProperty(_defineProperty2, "labelB", PropTypes.node.isRequired), _defineProperty(_defineProperty2, "labelText", PropTypes.node), _defineProperty(_defineProperty2, "onChange", PropTypes.func), _defineProperty(_defineProperty2, "onToggle", PropTypes.func), _defineProperty(_defineProperty2, "size", PropTypes.oneOf(['sm', 'md'])), _defineProperty(_defineProperty2, "toggled", PropTypes.bool), _defineProperty2));
-
-_defineProperty(Toggle, "contextType", PrefixContext);
-
-_defineProperty(Toggle, "defaultProps", (_defineProperty3 = {
-  defaultToggled: false
-}, _defineProperty(_defineProperty3, 'aria-label', 'Toggle'), _defineProperty(_defineProperty3, "labelA", 'Off'), _defineProperty(_defineProperty3, "labelB", 'On'), _defineProperty(_defineProperty3, "onToggle", function onToggle() {}), _defineProperty3));
-
-var ToggleClassic = Toggle;
+  }
 
-export { ToggleClassic as default };
+  var isSm = size === 'sm';
+  var sideLabel = hideLabel ? labelText : checked ? labelB : labelA;
+  var wrapperClasses = cx("".concat(prefix, "--toggle"), _defineProperty({}, "".concat(prefix, "--toggle--disabled"), disabled), className);
+  var labelTextClasses = cx("".concat(prefix, "--toggle__label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
+  var appearanceClasses = cx("".concat(prefix, "--toggle__appearance"), _defineProperty({}, "".concat(prefix, "--toggle__appearance--sm"), isSm));
+  var switchClasses = cx("".concat(prefix, "--toggle__switch"), _defineProperty({}, "".concat(prefix, "--toggle__switch--checked"), checked));
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: wrapperClasses
+  }, /*#__PURE__*/React__default.createElement("button", _extends({}, other, {
+    id: id,
+    className: "".concat(prefix, "--toggle__button"),
+    role: "switch",
+    type: "button",
+    "aria-checked": checked,
+    disabled: disabled,
+    onClick: handleClick
+  })), /*#__PURE__*/React__default.createElement("label", {
+    htmlFor: id,
+    className: "".concat(prefix, "--toggle__label")
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: labelTextClasses
+  }, labelText), /*#__PURE__*/React__default.createElement("div", {
+    className: appearanceClasses
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: switchClasses
+  }, isSm && /*#__PURE__*/React__default.createElement("svg", {
+    className: "".concat(prefix, "--toggle__check"),
+    width: "6px",
+    height: "5px",
+    viewBox: "0 0 6 5"
+  }, _path || (_path = /*#__PURE__*/React__default.createElement("path", {
+    d: "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
+  })))), /*#__PURE__*/React__default.createElement("span", {
+    className: "".concat(prefix, "--toggle__text"),
+    "aria-hidden": "true"
+  }, sideLabel))));
+}
+Toggle.propTypes = {
+  /**
+   * Specify a custom className to apply to the form-item node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Specify whether the toggle should be on by default
+   */
+  defaultToggled: PropTypes.bool,
+
+  /**
+   * Whether this control should be disabled
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Specify whether the label should be hidden, or not
+   */
+  hideLabel: PropTypes.bool,
+
+  /**
+   * Provide an id that unique represents the underlying `<button>`
+   */
+  id: PropTypes.string.isRequired,
+
+  /**
+   * Specify the label for the "off" position
+   */
+  labelA: PropTypes.node,
+
+  /**
+   * Specify the label for the "on" position
+   */
+  labelB: PropTypes.node,
+
+  /**
+   * Provide the text that will be read by a screen reader when visiting this
+   * control
+   */
+  labelText: PropTypes.node.isRequired,
+
+  /**
+   * Provide an event listener that is called when the control is clicked
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Provide an event listener that is called when the control is toggled
+   */
+  onToggle: PropTypes.func,
+
+  /**
+   * Specify the size of the Toggle. Currently only supports 'sm' or 'md' (default)
+   */
+  size: PropTypes.oneOf(['sm', 'md']),
+
+  /**
+   * Specify whether the control is toggled
+   */
+  toggled: PropTypes.bool
+};
+
+export { Toggle, Toggle as default };

package/es/components/UIShell/HeaderMenu.js

@@ -163,7 +163,7 @@ var HeaderMenu = /*#__PURE__*/function (_React$Component) {
         'aria-label': ariaLabel,
         'aria-labelledby': ariaLabelledBy
       };
-      var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--header__submenu"), true), _defineProperty(_cx, customClassName, true), _defineProperty(_cx, "".concat(prefix, "--header__submenu--current"), isCurrentPage), _cx)); // Notes on eslint comments and based on the examples in:
+      var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--header__submenu"), true), _defineProperty(_cx, "".concat(prefix, "--header__submenu--current"), isCurrentPage), _defineProperty(_cx, customClassName, !!customClassName), _cx)); // Notes on eslint comments and based on the examples in:
       // https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-1/menubar-1.html#
       // - The focus is handled by the <a> menuitem, onMouseOver is for mouse
       // users

package/es/components/UIShell/HeaderMenuButton.js

@@ -17,7 +17,7 @@ var _Menu, _Close;
 
 var _excluded = ["aria-label", "aria-labelledby", "className", "renderMenuIcon", "renderCloseIcon", "onClick", "isActive", "isCollapsible"];
 
-var HeaderMenuButton = function HeaderMenuButton(_ref) {
+function HeaderMenuButton(_ref) {
   var _cx;
 
   var ariaLabel = _ref['aria-label'],
@@ -48,7 +48,7 @@ var HeaderMenuButton = function HeaderMenuButton(_ref) {
     type: "button",
     onClick: onClick
   }), isActive ? closeIcon : menuIcon);
-};
+}
 
 HeaderMenuButton.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {}, {
   /**
@@ -64,6 +64,5 @@ HeaderMenuButton.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType
    */
   onClick: PropTypes.func
 });
-var HeaderMenuButton$1 = HeaderMenuButton;
 
-export { HeaderMenuButton$1 as default };
+export { HeaderMenuButton as default };

package/es/components/UIShell/HeaderName.js

@@ -14,7 +14,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _excluded = ["children", "className", "prefix", "href"];
 
-var HeaderName = function HeaderName(_ref) {
+function HeaderName(_ref) {
   var children = _ref.children,
       customClassName = _ref.className,
       prefix = _ref.prefix,
@@ -29,7 +29,7 @@ var HeaderName = function HeaderName(_ref) {
   }), prefix && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(selectorPrefix, "--header__name--prefix")
   }, prefix), "\xA0"), children);
-};
+}
 
 HeaderName.propTypes = _objectSpread2(_objectSpread2({}, LinkPropTypes), {}, {
   /**
@@ -57,6 +57,5 @@ HeaderName.propTypes = _objectSpread2(_objectSpread2({}, LinkPropTypes), {}, {
 HeaderName.defaultProps = {
   prefix: 'IBM'
 };
-var HeaderName$1 = HeaderName;
 
-export { HeaderName$1 as default };
+export { HeaderName as default };

package/es/components/UIShell/HeaderNavigation.js

@@ -5,84 +5,38 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
-import { PrefixContext } from '../../internal/usePrefix.js';
+import { usePrefix } from '../../internal/usePrefix.js';
 
 var _excluded = ["aria-label", "aria-labelledby", "children", "className"];
 
-var HeaderNavigation = /*#__PURE__*/function (_React$Component) {
-  _inherits(HeaderNavigation, _React$Component);
-
-  var _super = _createSuper(HeaderNavigation);
-
-  function HeaderNavigation(props) {
-    var _this;
-
-    _classCallCheck(this, HeaderNavigation);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "handleItemRef", function (index) {
-      return function (node) {
-        _this.items[index] = node;
-      };
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "_renderNavItem", function (child, index) {
-      if ( /*#__PURE__*/React__default.isValidElement(child)) {
-        return /*#__PURE__*/React__default.cloneElement(child, {
-          ref: _this.handleItemRef(index)
-        });
-      }
-    });
-
-    _this.items = [];
-    _this.state = {
-      selectedIndex: 0
-    };
-    return _this;
-  }
-
-  _createClass(HeaderNavigation, [{
-    key: "render",
-    value: function render() {
-      var prefix = this.context;
-
-      var _this$props = this.props,
-          ariaLabel = _this$props['aria-label'],
-          ariaLabelledBy = _this$props['aria-labelledby'],
-          children = _this$props.children,
-          customClassName = _this$props.className,
-          rest = _objectWithoutProperties(_this$props, _excluded);
-
-      var className = cx("".concat(prefix, "--header__nav"), customClassName); // Assign both label strategies in this option, only one should be defined
-      // so when we spread that should be the one that is applied to the node
-
-      var accessibilityLabel = {
-        'aria-label': ariaLabel,
-        'aria-labelledby': ariaLabelledBy
-      };
-      return /*#__PURE__*/React__default.createElement("nav", _extends({}, rest, accessibilityLabel, {
-        className: className
-      }), /*#__PURE__*/React__default.createElement("ul", _extends({}, accessibilityLabel, {
-        className: "".concat(prefix, "--header__menu-bar")
-      }), React__default.Children.map(children, this._renderNavItem)));
-    }
-    /**
-     * Render an individual menuitem, adding a `ref` for each child inside of
-     * `this.items` to properly manage focus.
-     */
-
-  }]);
-
-  return HeaderNavigation;
-}(React__default.Component);
-
-_defineProperty(HeaderNavigation, "propTypes", _objectSpread2(_objectSpread2({}, AriaLabelPropType), {}, {
+function HeaderNavigation(props) {
+  var ariaLabel = props['aria-label'],
+      ariaLabelledBy = props['aria-labelledby'],
+      children = props.children,
+      customClassName = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var prefix = usePrefix();
+  var className = cx("".concat(prefix, "--header__nav"), customClassName); // Assign both label strategies in this option, only one should be defined
+  // so when we spread that should be the one that is applied to the node
+
+  var accessibilityLabel = {
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy
+  };
+  return /*#__PURE__*/React__default.createElement("nav", _extends({}, rest, accessibilityLabel, {
+    className: className
+  }), /*#__PURE__*/React__default.createElement("ul", {
+    className: "".concat(prefix, "--header__menu-bar")
+  }, children));
+}
+
+HeaderNavigation.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {}, {
   /**
    * Provide valid children of HeaderNavigation, for example `HeaderMenuItem`
    * or `HeaderMenu`
@@ -93,8 +47,6 @@ _defineProperty(HeaderNavigation, "propTypes", _objectSpread2(_objectSpread2({},
    * Optionally provide a custom class to apply to the underlying <nav> node
    */
   className: PropTypes.string
-}));
-
-_defineProperty(HeaderNavigation, "contextType", PrefixContext);
+});
 
-export { HeaderNavigation as default };
+export { HeaderNavigation };

package/es/components/UIShell/SideNav.js

@@ -212,15 +212,15 @@ SideNav.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {}, {
    * @param {object} event
    * @param {boolean} value
    */
-  onToggle: PropTypes.func,
-
+  onToggle: PropTypes.func
   /**
    * Provide a custom function for translating all message ids within this
    * component. This function will take in two arguments: the mesasge Id and the
    * state of the component. From this, you should return a string representing
    * the label you want displayed or read by screen readers.
    */
-  translateById: PropTypes.func
+  // translateById: PropTypes.func,
+
 });
 var SideNav$1 = SideNav;
 

package/es/components/UIShell/SideNavFooter.js

@@ -18,7 +18,7 @@ var _Close, _ChevronRight;
  * user interaction to expand or collapse the side navigation.
  */
 
-var SideNavFooter = function SideNavFooter(_ref) {
+function SideNavFooter(_ref) {
   var assistiveText = _ref.assistiveText,
       customClassName = _ref.className,
       expanded = _ref.expanded,
@@ -43,7 +43,7 @@ var SideNavFooter = function SideNavFooter(_ref) {
   }))), /*#__PURE__*/React__default.createElement("span", {
     className: "".concat(prefix, "--assistive-text")
   }, assistiveText)));
-};
+}
 
 SideNavFooter.propTypes = {
   /**
@@ -58,12 +58,6 @@ SideNavFooter.propTypes = {
    */
   expanded: PropTypes.bool.isRequired,
 
-  /**
-   * Property to indicate if the side nav container is open (or not). Use to
-   * keep local state and styling in step with the SideNav expansion state.
-   */
-  isSideNavExpanded: PropTypes.bool,
-
   /**
    * Provide a function that is called when the toggle button is interacted
    * with. Useful for controlling the expansion state of the side navigation.
@@ -73,6 +67,5 @@ SideNavFooter.propTypes = {
 SideNavFooter.defaultProps = {
   assistiveText: 'Toggle opening or closing the side navigation'
 };
-var SideNavFooter$1 = SideNavFooter;
 
-export { SideNavFooter$1 as default };
+export { SideNavFooter as default };

package/es/components/UIShell/SideNavIcon.js

@@ -11,7 +11,7 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var SideNavIcon = function SideNavIcon(_ref) {
+function SideNavIcon(_ref) {
   var _cx;
 
   var children = _ref.children,
@@ -22,7 +22,7 @@ var SideNavIcon = function SideNavIcon(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: className
   }, children);
-};
+}
 
 SideNavIcon.propTypes = {
   /**
@@ -44,6 +44,5 @@ SideNavIcon.propTypes = {
 SideNavIcon.defaultProps = {
   small: false
 };
-var SideNavIcon$1 = SideNavIcon;
 
-export { SideNavIcon$1 as default };
+export { SideNavIcon as default };

package/es/components/UIShell/SideNavItem.js

@@ -11,7 +11,7 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var SideNavItem = function SideNavItem(_ref) {
+function SideNavItem(_ref) {
   var _cx;
 
   var customClassName = _ref.className,
@@ -23,11 +23,11 @@ var SideNavItem = function SideNavItem(_ref) {
   return /*#__PURE__*/React__default.createElement("li", {
     className: className
   }, children);
-};
+}
 
 SideNavItem.propTypes = {
   /**
-   * Provide a single icon as the child to `SideNavIcon` to render in the
+   * Provide a single icon as the child to `SideNavItem` to render in the
    * container
    */
   children: PropTypes.node.isRequired,
@@ -42,6 +42,5 @@ SideNavItem.propTypes = {
    */
   large: PropTypes.bool
 };
-var SideNavItem$1 = SideNavItem;
 
-export { SideNavItem$1 as default };
+export { SideNavItem as default };

package/es/components/UIShell/SideNavLink.js

@@ -49,12 +49,6 @@ SideNavLink.propTypes = _objectSpread2(_objectSpread2({}, LinkPropTypes), {}, {
    */
   className: PropTypes.string,
 
-  /**
-   * Property to indicate if the side nav container is open (or not). Use to
-   * keep local state and styling in step with the SideNav expansion state.
-   */
-  isSideNavExpanded: PropTypes.bool,
-
   /**
    * Specify if this is a large variation of the SideNavLink
    */

package/es/components/UIShell/SideNavLinkText.js

@@ -13,7 +13,7 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _excluded = ["className", "children"];
 
-var SideNavLinkText = function SideNavLinkText(_ref) {
+function SideNavLinkText(_ref) {
   var customClassName = _ref.className,
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -23,7 +23,7 @@ var SideNavLinkText = function SideNavLinkText(_ref) {
   return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
     className: className
   }), children);
-};
+}
 
 SideNavLinkText.propTypes = {
   /**
@@ -36,6 +36,5 @@ SideNavLinkText.propTypes = {
    */
   className: PropTypes.string
 };
-var SideNavLinkText$1 = SideNavLinkText;
 
-export { SideNavLinkText$1 as default };
+export { SideNavLinkText as default };