carbon-react 106.3.0 → 106.4.0

package/lib/components/pager/pager.style.d.ts

@@ -3,7 +3,7 @@ export const StyledPagerSizeOptions: import("styled-components").StyledComponent
 export const StyledPagerSizeOptionsInner: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledPagerNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledPagerNavInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledPagerLinkStyles: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
+export const StyledPagerLinkStyles: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledPagerNoSelect: import("styled-components").StyledComponent<"span", any, {}, never>;
 export const StyledPagerSummary: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledSelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/pod/pod.style.d.ts

@@ -1,6 +1,6 @@
 export const StyledBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledEditAction: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
+export const StyledEditAction: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
 export const StyledActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export const StyledDeleteButton: import("styled-components").StyledComponent<typeof IconButton, any, {}, never>;
 export const StyledUndoButton: import("styled-components").StyledComponent<typeof IconButton, any, {}, never>;

package/lib/components/radio-button/radio-button-svg.component.js

@@ -1,52 +1,34 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true,
+  value: true
 });
-
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _checkableInputSvgWrapper = _interopRequireDefault(
-  require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style")
-);
+var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
 
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const RadioButtonSvg = () => {
-  return /*#__PURE__*/ _react.default.createElement(
-    _checkableInputSvgWrapper.default,
-    null,
-    /*#__PURE__*/ _react.default.createElement(
-      "svg",
-      {
-        focusable: "false",
-        viewBox: "0 0 15 15",
-      },
-      /*#__PURE__*/ _react.default.createElement(
-        "g",
-        {
-          stroke: "none",
-          strokeWidth: "1",
-          fill: "none",
-          fillRule: "evenodd",
-        },
-        /*#__PURE__*/ _react.default.createElement("circle", {
-          className: "radio-button-check",
-          fill: "#FFFFFF",
-          cx: "7.5",
-          cy: "7.5",
-          r: "5",
-        })
-      )
-    )
-  );
+  return /*#__PURE__*/_react.default.createElement(_checkableInputSvgWrapper.default, null, /*#__PURE__*/_react.default.createElement("svg", {
+    focusable: "false",
+    viewBox: "0 0 15 15"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    className: "radio-button-check",
+    fill: "#FFFFFF",
+    cx: "7.5",
+    cy: "7.5",
+    r: "5"
+  }))));
 };
 
-var _default = /*#__PURE__*/ _react.default.memo(RadioButtonSvg, () => true);
+var _default = /*#__PURE__*/_react.default.memo(RadioButtonSvg, () => true);
 
-exports.default = _default;
+exports.default = _default;

package/lib/components/select/filterable-select/filterable-select.component.js

@@ -25,6 +25,8 @@ var _selectList = _interopRequireDefault(require("../select-list/select-list.com
 
 var _isExpectedOption = _interopRequireDefault(require("../utils/is-expected-option"));
 
+var _isNavigationKey = _interopRequireDefault(require("../utils/is-navigation-key"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -171,7 +173,7 @@ const FilterableSelect = /*#__PURE__*/_react.default.forwardRef(({
       return;
     }
 
-    if (!event.defaultPrevented && isNavigationKey(key)) {
+    if (!event.defaultPrevented && (0, _isNavigationKey.default)(key)) {
       event.preventDefault();
       setOpen(true);
     }
@@ -410,10 +412,6 @@ const FilterableSelect = /*#__PURE__*/_react.default.forwardRef(({
     };
   }
 
-  function isNavigationKey(key) {
-    return key === "ArrowDown" || key === "ArrowUp" || key === "Home" || key === "End";
-  }
-
   const selectList = /*#__PURE__*/_react.default.createElement(FilterableSelectList, {
     ref: listboxRef,
     id: selectListId.current,

package/lib/components/select/multi-select/multi-select.component.js

@@ -29,6 +29,8 @@ var _isExpectedOption = _interopRequireDefault(require("../utils/is-expected-opt
 
 var _isExpectedValue = _interopRequireDefault(require("../utils/is-expected-value"));
 
+var _isNavigationKey = _interopRequireDefault(require("../utils/is-navigation-key"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -155,7 +157,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
       return;
     }
 
-    if (!event.defaultPrevented && isNavigationKey(key)) {
+    if (!event.defaultPrevented && (0, _isNavigationKey.default)(key)) {
       event.preventDefault();
       setOpen();
     }
@@ -428,10 +430,6 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     };
   }
 
-  function isNavigationKey(key) {
-    return key === "ArrowDown" || key === "ArrowUp" || key === "Home" || key === "End";
-  }
-
   const selectList = /*#__PURE__*/_react.default.createElement(FilterableSelectList, {
     ref: listboxRef,
     "aria-multiselectable": true,

package/lib/components/select/select-list/select-list.component.js

@@ -23,6 +23,8 @@ var _getNextChildByText = _interopRequireDefault(require("../utils/get-next-chil
 
 var _getNextIndexByKey = _interopRequireDefault(require("../utils/get-next-index-by-key"));
 
+var _isNavigationKey = _interopRequireDefault(require("../utils/is-navigation-key"));
+
 var _listActionButton = _interopRequireDefault(require("../list-action-button/list-action-button.component"));
 
 var _selectListContainer = _interopRequireDefault(require("./select-list-container.style"));
@@ -221,7 +223,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
         value,
         selectionType: "enterKey"
       });
-    } else if (isNavigationKey(key)) {
+    } else if ((0, _isNavigationKey.default)(key)) {
       focusOnAnchor();
       highlightNextItem(key);
     }
@@ -305,10 +307,6 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     enabled: flipEnabled
   }], [flipEnabled]);
 
-  function isNavigationKey(keyEvent) {
-    return keyEvent === "ArrowDown" || keyEvent === "ArrowUp" || keyEvent === "Home" || keyEvent === "End";
-  }
-
   const loader = () => /*#__PURE__*/_react.default.createElement(_selectList.StyledSelectLoaderContainer, {
     key: "loader",
     as: multiColumn ? "div" : "li"

package/lib/components/select/simple-select/simple-select.component.js

@@ -27,6 +27,8 @@ var _getNextChildByText = _interopRequireDefault(require("../utils/get-next-chil
 
 var _isExpectedOption = _interopRequireDefault(require("../utils/is-expected-option"));
 
+var _isNavigationKey = _interopRequireDefault(require("../utils/is-navigation-key"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -145,7 +147,7 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
       return;
     }
 
-    if (key === "Enter" || key === " " || isNavigationKey(key)) {
+    if (key === "Enter" || key === " " || (0, _isNavigationKey.default)(key)) {
       event.preventDefault();
       setOpenState(isAlreadyOpen => {
         if (!isAlreadyOpen && onOpen) {
@@ -309,10 +311,6 @@ const SimpleSelect = /*#__PURE__*/_react.default.forwardRef(({
     setOpenState(false);
   }
 
-  function isNavigationKey(key) {
-    return key === "ArrowDown" || key === "ArrowUp" || key === "Home" || key === "End";
-  }
-
   function assignInput(input) {
     setTextboxRef(input.current);
 

package/lib/components/select/utils/get-next-index-by-key.d.ts

@@ -1 +1,2 @@
 export default function getNextIndexByKey(key: any, currentIndex: any, lastIndex: any, isLoading: any): any;
+export const PAGE_SIZE: 4;

package/lib/components/select/utils/get-next-index-by-key.js

@@ -4,31 +4,65 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getNextIndexByKey;
+exports.PAGE_SIZE = void 0;
+const PAGE_SIZE = 4;
+exports.PAGE_SIZE = PAGE_SIZE;
 
 function getNextIndexByKey(key, currentIndex, lastIndex, isLoading) {
   const isNoOptionSelected = currentIndex === -1;
   let newIndex = currentIndex;
 
-  if (key === "Home") {
-    newIndex = 0;
-  } else if (key === "End") {
-    newIndex = lastIndex;
-  } else if (key === "ArrowDown") {
-    if (isLoading && currentIndex === lastIndex) {
-      return lastIndex;
-    }
-
-    if (currentIndex === lastIndex || isNoOptionSelected) {
+  switch (key) {
+    case "Home":
       newIndex = 0;
-    } else {
-      newIndex = currentIndex + 1;
-    }
-  } else if (key === "ArrowUp") {
-    if (currentIndex === 0 || isNoOptionSelected) {
+      break;
+
+    case "End":
       newIndex = lastIndex;
-    } else {
-      newIndex = currentIndex - 1;
-    }
+      break;
+
+    case "ArrowDown":
+      if (isLoading && currentIndex === lastIndex) {
+        return lastIndex;
+      }
+
+      if (currentIndex === lastIndex || isNoOptionSelected) {
+        newIndex = 0;
+      } else {
+        newIndex = currentIndex + 1;
+      }
+
+      break;
+
+    case "ArrowUp":
+      if (currentIndex === 0 || isNoOptionSelected) {
+        newIndex = lastIndex;
+      } else {
+        newIndex = currentIndex - 1;
+      }
+
+      break;
+
+    case "PageDown":
+      if (isNoOptionSelected) {
+        newIndex = Math.min(PAGE_SIZE - 1, lastIndex);
+      } else {
+        newIndex = Math.min(currentIndex + PAGE_SIZE, lastIndex);
+      }
+
+      break;
+
+    case "PageUp":
+      if (isNoOptionSelected) {
+        newIndex = Math.max(lastIndex + 1 - PAGE_SIZE, 0);
+      } else {
+        newIndex = Math.max(currentIndex - PAGE_SIZE, 0);
+      }
+
+      break;
+
+    default:
+      break;
   }
 
   return newIndex;

package/lib/components/select/utils/is-navigation-key.d.ts

@@ -0,0 +1 @@
+export default function isNavigationKey(key: any): boolean;

package/lib/components/select/utils/is-navigation-key.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = isNavigationKey;
+
+function isNavigationKey(key) {
+  const navigationKeys = ["ArrowDown", "ArrowUp", "Home", "End", "PageUp", "PageDown"];
+  return navigationKeys.includes(key);
+}

package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts

@@ -1,2 +1,2 @@
 export default StyledEditorLink;
-declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
+declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;

package/lib/components/tooltip/tooltip.component.js

@@ -1,12 +1,12 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true,
+  value: true
 });
-
 exports.default = exports.Tooltip = void 0;
 
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _headless = _interopRequireDefault(require("@tippyjs/react/headless"));
@@ -17,233 +17,116 @@ var _invariant = _interopRequireDefault(require("invariant"));
 
 var _tooltip = _interopRequireDefault(require("./tooltip.style"));
 
-var _tooltipPointer = _interopRequireDefault(
-  require("./tooltip-pointer.style")
-);
+var _tooltipPointer = _interopRequireDefault(require("./tooltip-pointer.style"));
 
 var _tooltip2 = require("./tooltip.config");
 
-var _tags = _interopRequireDefault(
-  require("../../__internal__/utils/helpers/tags/tags")
-);
-
-var _carbonScopedTokensProvider = _interopRequireDefault(
-  require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component")
-);
-
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
-
-function _extends() {
-  _extends =
-    Object.assign ||
-    function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-  return _extends.apply(this, arguments);
-}
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
+var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const TOOLTIP_DELAY = 100;
 const tippyPlugins = [_tippy.sticky];
 
-const Tooltip = /*#__PURE__*/ _react.default.forwardRef(
-  (
-    {
-      children,
-      isVisible,
-      position = "top",
-      message,
-      type,
-      size = "medium",
-      isPartOfInput,
-      inputSize,
-      id,
-      bgColor,
-      fontColor,
-      flipOverrides,
-      target,
-      ...rest
-    },
-    ref
-  ) => {
-    const isFlipOverridesValid =
-      !flipOverrides ||
-      (Array.isArray(flipOverrides) &&
-        flipOverrides.every((placement) =>
-          _tooltip2.TOOLTIP_POSITIONS.includes(placement)
-        ));
-    (0, _invariant.default)(
-      isFlipOverridesValid,
-      `The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].`
-    );
-
-    const tooltip = (attrs, content) => {
-      const currentPosition = attrs["data-placement"] || position;
-      return /*#__PURE__*/ _react.default.createElement(
-        _carbonScopedTokensProvider.default,
-        null,
-        /*#__PURE__*/ _react.default.createElement(
-          _tooltip.default,
-          _extends(
-            {
-              "data-element": "tooltip",
-              role: "tooltip",
-              tabIndex: -1,
-              type: type,
-              size: size,
-              id: id,
-            },
-            (0, _tags.default)("tooltip", rest),
-            {
-              isPartOfInput: isPartOfInput,
-              inputSize: inputSize,
-            },
-            attrs,
-            {
-              position: currentPosition,
-              ref: ref,
-              bgColor: bgColor,
-              fontColor: fontColor,
-            }
-          ),
-          /*#__PURE__*/ _react.default.createElement(
-            _tooltipPointer.default,
-            _extends(
-              {
-                key: "pointer",
-                type: type,
-              },
-              attrs,
-              {
-                position: currentPosition,
-                "data-popper-arrow": "",
-                "data-element": "tooltip-pointer",
-                bgColor: bgColor,
-              }
-            )
-          ),
-          content
-        )
-      );
-    };
-
-    return /*#__PURE__*/ _react.default.createElement(
-      _headless.default,
-      _extends(
-        {
-          placement: position,
-          delay: TOOLTIP_DELAY,
-        },
-        isVisible !== undefined && {
-          visible: isVisible,
-        },
-        {
-          plugins: tippyPlugins,
-          sticky: true,
-          render: (attrs) => tooltip(attrs, message),
-          reference: target,
-          popperOptions: {
-            modifiers: [
-              ...(flipOverrides
-                ? [
-                    {
-                      name: "flip",
-                      options: {
-                        fallbackPlacements: flipOverrides,
-                      },
-                    },
-                  ]
-                : []),
-              {
-                name: "computeStyles",
-                options: {
-                  gpuAcceleration: false,
-                },
-              },
-            ],
-          },
+const Tooltip = /*#__PURE__*/_react.default.forwardRef(({
+  children,
+  isVisible,
+  position = "top",
+  message,
+  type,
+  size = "medium",
+  isPartOfInput,
+  inputSize,
+  id,
+  bgColor,
+  fontColor,
+  flipOverrides,
+  target,
+  ...rest
+}, ref) => {
+  const isFlipOverridesValid = !flipOverrides || Array.isArray(flipOverrides) && flipOverrides.every(placement => _tooltip2.TOOLTIP_POSITIONS.includes(placement));
+  (0, _invariant.default)(isFlipOverridesValid, `The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].`);
+
+  const tooltip = (attrs, content) => {
+    const currentPosition = attrs["data-placement"] || position;
+    return /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, _extends({
+      "data-element": "tooltip",
+      role: "tooltip",
+      tabIndex: -1,
+      type: type,
+      size: size,
+      id: id
+    }, (0, _tags.default)("tooltip", rest), {
+      isPartOfInput: isPartOfInput,
+      inputSize: inputSize
+    }, attrs, {
+      position: currentPosition,
+      ref: ref,
+      bgColor: bgColor,
+      fontColor: fontColor
+    }), /*#__PURE__*/_react.default.createElement(_tooltipPointer.default, _extends({
+      key: "pointer",
+      type: type
+    }, attrs, {
+      position: currentPosition,
+      "data-popper-arrow": "",
+      "data-element": "tooltip-pointer",
+      bgColor: bgColor
+    })), content));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_headless.default, _extends({
+    placement: position,
+    delay: TOOLTIP_DELAY
+  }, isVisible !== undefined && {
+    visible: isVisible
+  }, {
+    plugins: tippyPlugins,
+    sticky: true,
+    render: attrs => tooltip(attrs, message),
+    reference: target,
+    popperOptions: {
+      modifiers: [...(flipOverrides ? [{
+        name: "flip",
+        options: {
+          fallbackPlacements: flipOverrides
         }
-      ),
-      children
-    );
-  }
-);
+      }] : []), {
+        name: "computeStyles",
+        options: {
+          gpuAcceleration: false
+        }
+      }]
+    }
+  }), children);
+});
 
+exports.Tooltip = Tooltip;
 Tooltip.propTypes = {
-  /**
-   * Override background color of the Tooltip, provide any color from palette or any valid css color value.
-   */
-  bgColor: _propTypes.default.string,
-  /**
-   * Children elements
-   */
-  children: _propTypes.default.element.isRequired,
-  /**
-   * Overrides the default flip behaviour of the Tooltip,
-   * must be an array containing some or all of ["top", "bottom", "left", "right"]
-   * (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)
-   */
-  flipOverrides: _propTypes.default.arrayOf(
-    _propTypes.default.oneOf(["bottom", "left", "right", "top"])
-  ),
-  /**
-   * Override font color of the Tooltip, provide any color from palette or any valid css color value.
-   */
-  fontColor: _propTypes.default.string,
-  /**
-   * The id attribute to use for the tooltip
-   */
-  id: _propTypes.default.string,
-  inputSize: _propTypes.default.oneOf(["large", "medium", "small"]),
-  isPartOfInput: _propTypes.default.bool,
-  /**
-   * Whether to to show the Tooltip
-   */
-  isVisible: _propTypes.default.bool,
-  key: _propTypes.default.oneOfType([
-    _propTypes.default.number,
-    _propTypes.default.string,
-  ]),
-  /**
-   * The message to be displayed within the tooltip
-   */
-  message: _propTypes.default.node,
-  /**
-   * Sets position of the tooltip
-   */
-  position: _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
-  /**
-   * Defines the size of the tooltip content
-   */
-  size: _propTypes.default.oneOf(["large", "medium"]),
-  target: function (props, propName) {
+  "bgColor": _propTypes.default.string,
+  "children": _propTypes.default.element.isRequired,
+  "flipOverrides": _propTypes.default.arrayOf(_propTypes.default.oneOf(["bottom", "left", "right", "top"])),
+  "fontColor": _propTypes.default.string,
+  "id": _propTypes.default.string,
+  "inputSize": _propTypes.default.oneOf(["large", "medium", "small"]),
+  "isPartOfInput": _propTypes.default.bool,
+  "isVisible": _propTypes.default.bool,
+  "message": _propTypes.default.node,
+  "position": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
+  "size": _propTypes.default.oneOf(["large", "medium"]),
+  "target": function (props, propName) {
     if (props[propName] == null) {
       return null;
-    } else if (
-      typeof props[propName] !== "object" ||
-      props[propName].nodeType !== 1
-    ) {
-      return new Error(
-        "Expected prop '" + propName + "' to be of type Element"
-      );
+    } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+      return new Error("Expected prop '" + propName + "' to be of type Element");
     }
   },
-  /**
-   * Defines the message type
-   */
-  type: _propTypes.default.string,
+  "type": _propTypes.default.string
 };
-
-exports.Tooltip = Tooltip;
 Tooltip.displayName = "Tooltip";
 var _default = Tooltip;
-exports.default = _default;
+exports.default = _default;