carbon-react 106.0.1 → 106.1.0

package/lib/components/link/link.component.js

@@ -1,182 +1,800 @@
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
-  value: true
+  value: true,
 });
-exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+exports.default = exports.Link = void 0;
 
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _icon = _interopRequireDefault(require("../icon"));
 
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
+var _events = _interopRequireDefault(
+  require("../../__internal__/utils/helpers/events")
+);
 
 var _link = require("./link.style");
 
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-
-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; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
-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 Link = /*#__PURE__*/_react.default.forwardRef(({
-  children,
-  className,
-  onKeyDown,
-  href,
-  onClick,
-  onMouseDown,
-  icon,
-  iconAlign,
-  isSkipLink,
-  disabled,
-  ariaLabel,
-  rel,
-  tooltipMessage,
-  tooltipPosition,
-  tabbable,
-  target,
-  ...rest
-}, ref) => {
-  const l = (0, _useLocale.default)();
-  const tabIndex = tabbable && !disabled ? "0" : "-1";
-
-  const handleOnKeyDown = ev => {
-    if (onKeyDown) {
-      onKeyDown(ev);
-    } // return early if there is no onClick or there is a href prop
-    // or the event is not an enter key
-
-
-    if (href || !_events.default.isEnterKey(ev) && !_events.default.isSpaceKey(ev)) {
-      return;
-    }
+var _tags = _interopRequireDefault(
+  require("../../__internal__/utils/helpers/tags/tags")
+);
 
-    if (onClick) {
-      onClick(ev);
-    }
-  };
+var _useLocale = _interopRequireDefault(
+  require("../../hooks/__internal__/useLocale")
+);
 
-  const renderLinkIcon = (currentAlignment = "left") => {
-    const hasProperAlignment = icon && iconAlign === currentAlignment;
-    return hasProperAlignment ? /*#__PURE__*/_react.default.createElement(_icon.default, {
-      type: icon,
-      bgSize: "extra-small",
-      color: "--colorsActionMajor500",
-      disabled: disabled,
-      ariaLabel: ariaLabel,
-      tooltipMessage: tooltipMessage,
-      tooltipPosition: tooltipPosition
-    }) : null;
-  };
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-  const ariaProps = (0, _react.useMemo)(() => Object.keys(rest).filter(key => key.startsWith("aria")).reduce((obj, key) => {
-    obj[key] = rest[key];
-    return obj;
-  }, {}), [rest]);
-  const componentProps = {
-    onKeyDown: handleOnKeyDown,
-    onMouseDown,
-    onClick,
-    disabled,
-    tabIndex,
-    target,
-    ref,
-    href,
-    rel,
-    "aria-label": ariaLabel,
-    ...ariaProps
+function _getRequireWildcardCache() {
+  if (typeof WeakMap !== "function") return null;
+  var cache = new WeakMap();
+  _getRequireWildcardCache = function () {
+    return cache;
   };
+  return cache;
+}
 
-  const createLinkBasedOnType = () => {
-    let type = "a";
-
-    if (onClick && !href) {
-      type = "button";
+function _interopRequireWildcard(obj) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || (typeof obj !== "object" && typeof obj !== "function")) {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache();
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor =
+    Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (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];
+      }
     }
-
-    return /*#__PURE__*/_react.default.createElement(type, { ...componentProps,
-      ...(type === "button" && {
-        role: "link"
-      })
-    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderLinkIcon(), /*#__PURE__*/_react.default.createElement(_link.StyledContent, null, isSkipLink ? l.link.skipLinkLabel() : children), renderLinkIcon("right")));
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_link.StyledLink, _extends({
-    isSkipLink: isSkipLink,
-    disabled: disabled,
-    className: className,
-    iconAlign: iconAlign,
-    hasContent: Boolean(children)
-  }, (0, _tags.default)("link", rest), isSkipLink && {
-    "data-element": "skip-link"
-  }), createLinkBasedOnType());
-});
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
+
+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 Link = /*#__PURE__*/ _react.default.forwardRef(
+  (
+    {
+      children,
+      className,
+      onKeyDown,
+      href,
+      onClick,
+      onMouseDown,
+      icon,
+      iconAlign = "left",
+      isSkipLink,
+      disabled,
+      ariaLabel,
+      rel,
+      tooltipMessage,
+      tooltipPosition,
+      tabbable = true,
+      target,
+      ...rest
+    },
+    ref
+  ) => {
+    const l = (0, _useLocale.default)();
+    const tabIndex = tabbable && !disabled ? "0" : "-1";
+
+    const handleOnKeyDown = (ev) => {
+      if (onKeyDown) {
+        onKeyDown(ev);
+      } // return early if there is no onClick or there is a href prop
+      // or the event is not an enter key
+
+      if (
+        href ||
+        (!_events.default.isEnterKey(ev) && !_events.default.isSpaceKey(ev))
+      ) {
+        return;
+      }
+
+      if (onClick) {
+        onClick(ev);
+      }
+    };
+
+    const renderLinkIcon = (currentAlignment = "left") => {
+      const hasProperAlignment = icon && iconAlign === currentAlignment;
+      return hasProperAlignment
+        ? /*#__PURE__*/ _react.default.createElement(_icon.default, {
+            type: icon,
+            bgSize: "extra-small",
+            color: "--colorsActionMajor500",
+            disabled: disabled,
+            ariaLabel: ariaLabel,
+            tooltipMessage: tooltipMessage,
+            tooltipPosition: tooltipPosition,
+          })
+        : null;
+    };
+
+    const ariaProps = (0, _react.useMemo)(() => {
+      const restObject = rest;
+      return Object.keys(restObject)
+        .filter((key) => key.startsWith("aria"))
+        .reduce((obj, key) => {
+          obj[key] = restObject[key];
+          return obj;
+        }, {});
+    }, [rest]);
+    const componentProps = {
+      onKeyDown: handleOnKeyDown,
+      onMouseDown,
+      onClick,
+      disabled,
+      tabIndex,
+      target,
+      ref,
+      href,
+      rel,
+      "aria-label": ariaLabel,
+      ...ariaProps,
+    };
+
+    const createLinkBasedOnType = () => {
+      let type = "a";
+
+      if (onClick && !href) {
+        type = "button";
+      }
+
+      return /*#__PURE__*/ _react.default.createElement(
+        type,
+        {
+          ...componentProps,
+          ...(type === "button" && {
+            role: "link",
+          }),
+        },
+        /*#__PURE__*/ _react.default.createElement(
+          _react.default.Fragment,
+          null,
+          renderLinkIcon(),
+          /*#__PURE__*/ _react.default.createElement(
+            _link.StyledContent,
+            null,
+            isSkipLink ? l.link.skipLinkLabel() : children
+          ),
+          renderLinkIcon("right")
+        )
+      );
+    };
+
+    return /*#__PURE__*/ _react.default.createElement(
+      _link.StyledLink,
+      _extends(
+        {
+          isSkipLink: isSkipLink,
+          disabled: disabled,
+          className: className,
+          iconAlign: iconAlign,
+          hasContent: Boolean(children),
+        },
+        (0, _tags.default)("link", rest),
+        isSkipLink && {
+          "data-element": "skip-link",
+        }
+      ),
+      createLinkBasedOnType()
+    );
+  }
+);
 
 Link.propTypes = {
-  /** Child content to render in the link. */
+  /**
+   * Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
+   */
+  "aria-activedescendant": _propTypes.default.string,
+  /**
+   * Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.
+   */
+  "aria-atomic": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
+   * presented if they are made.
+   */
+  "aria-autocomplete": _propTypes.default.oneOf([
+    "both",
+    "inline",
+    "list",
+    "none",
+  ]),
+  /**
+   * Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.
+   */
+  "aria-busy": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
+   * @see aria-pressed @see aria-selected.
+   */
+  "aria-checked": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "mixed", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Defines the total number of columns in a table, grid, or treegrid.
+   * @see aria-colindex.
+   */
+  "aria-colcount": _propTypes.default.number,
+  /**
+   * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
+   * @see aria-colcount @see aria-colspan.
+   */
+  "aria-colindex": _propTypes.default.number,
+  /**
+   * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
+   * @see aria-colindex @see aria-rowspan.
+   */
+  "aria-colspan": _propTypes.default.number,
+  /**
+   * Identifies the element (or elements) whose contents or presence are controlled by the current element.
+   * @see aria-owns.
+   */
+  "aria-controls": _propTypes.default.string,
+  /**
+   * Indicates the element that represents the current item within a container or set of related elements.
+   */
+  "aria-current": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf([
+      "date",
+      "false",
+      "location",
+      "page",
+      "step",
+      "time",
+      "true",
+    ]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Identifies the element (or elements) that describes the object.
+   * @see aria-labelledby
+   */
+  "aria-describedby": _propTypes.default.string,
+  /**
+   * Identifies the element that provides a detailed, extended description for the object.
+   * @see aria-describedby.
+   */
+  "aria-details": _propTypes.default.string,
+  /**
+   * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+   * @see aria-hidden @see aria-readonly.
+   */
+  "aria-disabled": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates what functions can be performed when a dragged object is released on the drop target.
+   * @deprecated in ARIA 1.1
+   */
+  "aria-dropeffect": _propTypes.default.oneOf([
+    "copy",
+    "execute",
+    "link",
+    "move",
+    "none",
+    "popup",
+  ]),
+  /**
+   * Identifies the element that provides an error message for the object.
+   * @see aria-invalid @see aria-describedby.
+   */
+  "aria-errormessage": _propTypes.default.string,
+  /**
+   * Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
+   */
+  "aria-expanded": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
+   * allows assistive technology to override the general default of reading in document source order.
+   */
+  "aria-flowto": _propTypes.default.string,
+  /**
+   * Indicates an element's "grabbed" state in a drag-and-drop operation.
+   * @deprecated in ARIA 1.1
+   */
+  "aria-grabbed": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
+   */
+  "aria-haspopup": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf([
+      "dialog",
+      "false",
+      "grid",
+      "listbox",
+      "menu",
+      "tree",
+      "true",
+    ]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates whether the element is exposed to an accessibility API.
+   * @see aria-disabled.
+   */
+  "aria-hidden": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates the entered value does not conform to the format expected by the application.
+   * @see aria-errormessage.
+   */
+  "aria-invalid": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "grammar", "spelling", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
+   */
+  "aria-keyshortcuts": _propTypes.default.string,
+  /**
+   * Defines a string value that labels the current element.
+   * @see aria-labelledby.
+   */
+  "aria-label": _propTypes.default.string,
+  /**
+   * Identifies the element (or elements) that labels the current element.
+   * @see aria-describedby.
+   */
+  "aria-labelledby": _propTypes.default.string,
+  /**
+   * Defines the hierarchical level of an element within a structure.
+   */
+  "aria-level": _propTypes.default.number,
+  /**
+   * Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.
+   */
+  "aria-live": _propTypes.default.oneOf(["assertive", "off", "polite"]),
+  /**
+   * Indicates whether an element is modal when displayed.
+   */
+  "aria-modal": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates whether a text box accepts multiple lines of input or only a single line.
+   */
+  "aria-multiline": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates that the user may select more than one item from the current selectable descendants.
+   */
+  "aria-multiselectable": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
+   */
+  "aria-orientation": _propTypes.default.oneOf(["horizontal", "vertical"]),
+  /**
+   * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
+   * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
+   * @see aria-controls.
+   */
+  "aria-owns": _propTypes.default.string,
+  /**
+   * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
+   * A hint could be a sample value or a brief description of the expected format.
+   */
+  "aria-placeholder": _propTypes.default.string,
+  /**
+   * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+   * @see aria-setsize.
+   */
+  "aria-posinset": _propTypes.default.number,
+  /**
+   * Indicates the current "pressed" state of toggle buttons.
+   * @see aria-checked @see aria-selected.
+   */
+  "aria-pressed": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "mixed", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates that the element is not editable, but is otherwise operable.
+   * @see aria-disabled.
+   */
+  "aria-readonly": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
+   * @see aria-atomic.
+   */
+  "aria-relevant": _propTypes.default.oneOf([
+    "additions removals",
+    "additions text",
+    "additions",
+    "all",
+    "removals additions",
+    "removals text",
+    "removals",
+    "text additions",
+    "text removals",
+    "text",
+  ]),
+  /**
+   * Indicates that user input is required on the element before a form may be submitted.
+   */
+  "aria-required": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Defines a human-readable, author-localized description for the role of an element.
+   */
+  "aria-roledescription": _propTypes.default.string,
+  /**
+   * Defines the total number of rows in a table, grid, or treegrid.
+   * @see aria-rowindex.
+   */
+  "aria-rowcount": _propTypes.default.number,
+  /**
+   * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
+   * @see aria-rowcount @see aria-rowspan.
+   */
+  "aria-rowindex": _propTypes.default.number,
+  /**
+   * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
+   * @see aria-rowindex @see aria-colspan.
+   */
+  "aria-rowspan": _propTypes.default.number,
+  /**
+   * Indicates the current "selected" state of various widgets.
+   * @see aria-checked @see aria-pressed.
+   */
+  "aria-selected": _propTypes.default.oneOfType([
+    _propTypes.default.oneOf(["false", "true"]),
+    _propTypes.default.bool,
+  ]),
+  /**
+   * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+   * @see aria-posinset.
+   */
+  "aria-setsize": _propTypes.default.number,
+  /**
+   * Indicates if items in a table or grid are sorted in ascending or descending order.
+   */
+  "aria-sort": _propTypes.default.oneOf([
+    "ascending",
+    "descending",
+    "none",
+    "other",
+  ]),
+  /**
+   * Defines the maximum allowed value for a range widget.
+   */
+  "aria-valuemax": _propTypes.default.number,
+  /**
+   * Defines the minimum allowed value for a range widget.
+   */
+  "aria-valuemin": _propTypes.default.number,
+  /**
+   * Defines the current value for a range widget.
+   * @see aria-valuetext.
+   */
+  "aria-valuenow": _propTypes.default.number,
+  /**
+   * Defines the human readable text alternative of aria-valuenow for a range widget.
+   */
+  "aria-valuetext": _propTypes.default.string,
+  /**
+   * Aria label for accessibility purposes
+   */
+  ariaLabel: _propTypes.default.string,
+  /**
+   * Child content to render in the link.
+   */
   children: _propTypes.default.node,
-
-  /** Classes to apply to the component. */
+  /**
+   * Classes to apply to the component.
+   */
   className: _propTypes.default.string,
-
-  /** The disabled state of the link. */
+  /**
+   * The disabled state of the link.
+   */
   disabled: _propTypes.default.bool,
-
-  /** An href for an anchor tag. */
+  /**
+   * An href for an anchor tag.
+   */
   href: _propTypes.default.string,
-
   /**
-   * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
-   *
    * An icon to display next to the link.
    */
-  icon: _propTypes.default.string,
-
-  /** Which side of the link to the render the link. */
-  iconAlign: _propTypes.default.string,
-
-  /** Function called when the mouse is clicked. */
+  icon: _propTypes.default.oneOf([
+    "add",
+    "alert",
+    "analysis",
+    "arrow_down",
+    "arrow_left_boxed",
+    "arrow_left_right_small",
+    "arrow_left_small",
+    "arrow_left",
+    "arrow_right_small",
+    "arrow_right",
+    "arrow_up",
+    "attach",
+    "bank",
+    "basket_with_squares",
+    "basket",
+    "bin",
+    "block_arrow_right",
+    "blocked_square",
+    "blocked",
+    "bold",
+    "boxed_shapes",
+    "bulk_destroy",
+    "bullet_list_dotted",
+    "bullet_list_numbers",
+    "bullet_list",
+    "business",
+    "calendar_today",
+    "calendar",
+    "call",
+    "camera",
+    "card_view",
+    "caret_down",
+    "caret_large_down",
+    "caret_large_left",
+    "caret_large_right",
+    "caret_large_up",
+    "caret_left",
+    "caret_right",
+    "caret_up",
+    "cart",
+    "chart_bar",
+    "chart_line",
+    "chart_pie",
+    "chat_notes",
+    "chat",
+    "chevron_down_thick",
+    "chevron_down",
+    "chevron_left_thick",
+    "chevron_left",
+    "chevron_right_thick",
+    "chevron_right",
+    "chevron_up_thick",
+    "chevron_up",
+    "circle_with_dots",
+    "circles_connection",
+    "clock",
+    "close",
+    "coins",
+    "collaborate",
+    "computer_clock",
+    "connect",
+    "copy",
+    "credit_card_slash",
+    "credit_card",
+    "cross_circle",
+    "cross",
+    "csv",
+    "delete",
+    "delivery",
+    "disconnect",
+    "disputed",
+    "document_right_align",
+    "document_tick",
+    "document_vertical_lines",
+    "download",
+    "draft",
+    "drag_vertical",
+    "drag",
+    "dropdown",
+    "duplicate",
+    "edit",
+    "edited",
+    "ellipsis_horizontal",
+    "ellipsis_vertical",
+    "email_switch",
+    "email",
+    "error_square",
+    "error",
+    "euro",
+    "expand",
+    "factory",
+    "favourite_lined",
+    "favourite",
+    "fax",
+    "feedback",
+    "file_excel",
+    "file_generic",
+    "file_image",
+    "file_pdf",
+    "file_word",
+    "files_leaning",
+    "filter_new",
+    "filter",
+    "fit_height",
+    "fit_width",
+    "flag",
+    "folder",
+    "gift",
+    "graph",
+    "grid",
+    "help",
+    "hide",
+    "home",
+    "image",
+    "in_progress",
+    "in_transit",
+    "individual",
+    "info",
+    "italic",
+    "key",
+    "ledger_arrow_left",
+    "ledger_arrow_right",
+    "ledger",
+    "link",
+    "list_view",
+    "location",
+    "locked",
+    "logout",
+    "lookup",
+    "marker",
+    "message",
+    "messages",
+    "minus_large",
+    "minus",
+    "mobile",
+    "money_bag",
+    "pause_circle",
+    "pause",
+    "pdf",
+    "people_switch",
+    "people",
+    "person_info",
+    "person_tick",
+    "person",
+    "phone",
+    "play_circle",
+    "play",
+    "plus_large",
+    "plus",
+    "pound",
+    "print",
+    "progress",
+    "progressed",
+    "question",
+    "refresh_clock",
+    "refresh",
+    "remove",
+    "sage_coin",
+    "save",
+    "scan",
+    "search",
+    "services",
+    "settings",
+    "share",
+    "shop",
+    "sort_down",
+    "sort_up",
+    "spanner",
+    "split_container",
+    "split",
+    "square_dot",
+    "squares_nine",
+    "stacked_boxes",
+    "stacked_squares",
+    "submitted",
+    "sync",
+    "tag",
+    "three_boxes",
+    "tick_circle",
+    "tick",
+    "unlocked",
+    "upload",
+    "uploaded",
+    "video",
+    "view",
+    "warning",
+  ]),
+  /**
+   * Which side of the link to the render the link.
+   */
+  iconAlign: _propTypes.default.oneOf(["left", "right"]),
+  /**
+   * Allows to create skip link
+   */
+  isSkipLink: _propTypes.default.bool,
+  key: _propTypes.default.oneOfType([
+    _propTypes.default.number,
+    _propTypes.default.string,
+  ]),
+  /**
+   * Function called when the mouse is clicked.
+   */
   onClick: _propTypes.default.func,
-
-  /** Function called when a key is pressed. */
+  /**
+   * Function called when a key is pressed.
+   */
   onKeyDown: _propTypes.default.func,
-
-  /** Function called when a mouse down event triggers. */
+  /**
+   * Function called when a mouse down event triggers.
+   */
   onMouseDown: _propTypes.default.func,
-
-  /** Whether to include the link in the tab order of the page */
+  /**
+   * allows to set rel property in <a> tag
+   */
+  rel: _propTypes.default.string,
+  /**
+   * Whether to include the link in the tab order of the page
+   */
   tabbable: _propTypes.default.bool,
-
-  /** A message to display as a tooltip to the link. */
+  /**
+   * Target property in which link should open ie: _blank, _self, _parent, _top
+   */
+  target: _propTypes.default.string,
+  /**
+   * A message to display as a tooltip to the link.
+   */
   tooltipMessage: _propTypes.default.string,
-
-  /** Positions the tooltip with the link. */
+  /**
+   * Positions the tooltip with the link.
+   */
   tooltipPosition: _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
-
-  /** Allows to create skip link */
-  isSkipLink: _propTypes.default.bool,
-
-  /** Target property in which link should open ie: _blank, _self, _parent, _top */
-  target: _propTypes.default.string,
-
-  /** Aria label for accessibility purposes */
-  ariaLabel: _propTypes.default.string,
-
-  /** allows to set rel property in <a> tag */
-  rel: _propTypes.default.string
-};
-Link.defaultProps = {
-  iconAlign: "left",
-  tabbable: true
 };
+
+exports.Link = Link;
+Link.displayName = "Link";
 var _default = Link;
-exports.default = _default;
+exports.default = _default;