carbon-react 111.12.3 → 111.12.5

package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.js

@@ -1,9 +1,11 @@
 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); }
+
 import React, { useContext } from "react";
 import PropTypes from "prop-types";
 import { StyledStepSequenceItem, StyledStepSequenceItemContent, StyledStepSequenceItemIndicator, StyledStepSequenceItemHiddenLabel } from "./step-sequence-item.style";
 import Icon from "../../icon";
 import { StepSequenceContext } from "../step-sequence.component";
+
 const StepSequenceItem = ({
   hideIndicator = false,
   indicator,
@@ -17,21 +19,27 @@ const StepSequenceItem = ({
   const {
     orientation
   } = useContext(StepSequenceContext);
+
   const indicatorText = () => {
     return !hideIndicator ? /*#__PURE__*/React.createElement(StyledStepSequenceItemIndicator, null, indicator) : null;
   };
+
   const icon = () => status === "complete" ? /*#__PURE__*/React.createElement(Icon, {
     type: "tick"
   }) : indicatorText();
+
   const hiddenLabel = () => {
     if (hiddenCompleteLabel && status === "complete") {
       return /*#__PURE__*/React.createElement(StyledStepSequenceItemHiddenLabel, null, hiddenCompleteLabel);
     }
+
     if (hiddenCurrentLabel && status === "current") {
       return /*#__PURE__*/React.createElement(StyledStepSequenceItemHiddenLabel, null, hiddenCurrentLabel);
     }
+
     return null;
   };
+
   return /*#__PURE__*/React.createElement(StyledStepSequenceItem, _extends({
     "data-component": "step-sequence-item",
     orientation: orientation,
@@ -40,6 +48,7 @@ const StepSequenceItem = ({
     "aria-label": ariaLabel
   }, rest), hiddenLabel(), /*#__PURE__*/React.createElement(StyledStepSequenceItemContent, null, icon(), /*#__PURE__*/React.createElement("span", null, children)));
 };
+
 StepSequenceItem.propTypes = {
   "ariaLabel": PropTypes.string,
   "children": PropTypes.node,

package/esm/components/step-sequence/step-sequence.component.js

@@ -1,10 +1,12 @@
 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); }
+
 import React from "react";
 import PropTypes from "prop-types";
 import StyledStepSequence from "./step-sequence.style";
 export const StepSequenceContext = /*#__PURE__*/React.createContext({
   orientation: "horizontal"
 });
+
 const StepSequence = ({
   children,
   orientation = "horizontal",
@@ -20,6 +22,7 @@ const StepSequence = ({
     }
   }, children));
 };
+
 StepSequence.propTypes = {
   "children": PropTypes.node,
   "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({

package/esm/components/switch/__internal__/switch-slider.component.js

@@ -5,6 +5,7 @@ import StyledSwitchSlider from "./switch-slider.style";
 import SwitchSliderPanel from "./switch-slider-panel.style";
 import ValidationIcon from "../../../__internal__/validations/validation-icon.component";
 import useLocale from "../../../hooks/__internal__/useLocale";
+
 const SwitchSlider = ({
   checked,
   disabled,
@@ -46,6 +47,7 @@ const SwitchSlider = ({
     tooltipFlipOverrides: ["top", "bottom"]
   }));
 };
+
 SwitchSlider.propTypes = {
   "checked": PropTypes.bool,
   "disabled": PropTypes.bool,

package/esm/components/switch/switch.component.js

@@ -6,6 +6,7 @@ import SwitchSlider from "./__internal__/switch-slider.component";
 import useIsAboveBreakpoint from "../../hooks/__internal__/useIsAboveBreakpoint";
 import { TooltipProvider } from "../../__internal__/tooltip-provider";
 import { filterStyledSystemMarginProps } from "../../style/utils";
+
 const Switch = ({
   autoFocus,
   id,
@@ -45,9 +46,11 @@ const Switch = ({
   }, [setCheckedInternal, onChange]);
   const largeScreen = useIsAboveBreakpoint(adaptiveLabelBreakpoint);
   let shouldLabelBeInline = labelInline;
+
   if (adaptiveLabelBreakpoint) {
     shouldLabelBeInline = largeScreen;
   }
+
   const shouldValidationBeOnLabel = labelInline && !reverse ? true : validationOnLabel;
   const switchStyleProps = {
     "data-component": dataComponent,
@@ -102,6 +105,7 @@ const Switch = ({
     tooltipPosition: tooltipPosition
   }, /*#__PURE__*/React.createElement(SwitchStyle, switchStyleProps, /*#__PURE__*/React.createElement(CheckableInput, inputProps, /*#__PURE__*/React.createElement(SwitchSlider, switchSliderProps))));
 };
+
 Switch.propTypes = {
   "about": PropTypes.string,
   "accept": PropTypes.string,
@@ -170,6 +174,9 @@ Switch.propTypes = {
   "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
   "contextMenu": PropTypes.string,
   "crossOrigin": PropTypes.string,
+  "css": PropTypes.oneOfType([PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.shape({
+    "__emotion_styles": PropTypes.any.isRequired
+  }), PropTypes.string, PropTypes.bool]),
   "dangerouslySetInnerHTML": PropTypes.shape({
     "__html": PropTypes.string.isRequired
   }),

package/esm/components/tabs/__internal__/tab-title/tab-title.component.js

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { StyledTabTitle, StyledTitleContent, StyledLayoutWrapper, StyledSelectedIndicator } from "./tab-title.style";
@@ -41,54 +42,64 @@ const TabTitle = /*#__PURE__*/React.forwardRef(({
   const hasFailedValidation = error || warning || info;
   const [shouldShowTooltip, setShouldShowTooltip] = useState(false);
   const hasHover = useRef(false);
+
   const showTooltip = () => {
     setShouldShowTooltip(true);
   };
+
   const hideTooltip = () => {
     if ((ref === null || ref === void 0 ? void 0 : ref.current) !== document.activeElement && !hasHover.current) {
       setShouldShowTooltip(false);
     }
   };
+
   if (siblings && !keys.current.length) {
     siblings.forEach(() => keys.current.push(createGuid()));
   }
+
   const handleKeyDown = ev => {
     ev.stopPropagation();
+
     if (href && Events.isEnterOrSpaceKey(ev)) {
       return window.open(href, "_blank");
     }
+
     return onKeyDown(ev);
   };
+
   const handleClick = ev => {
     var _ref$current;
+
     ev.preventDefault();
-    const customEvent = {
-      ...ev,
-      target: {
-        ...ev.target,
+    const customEvent = { ...ev,
+      target: { ...ev.target,
         dataset: {
           tabid: dataTabId
         }
       }
     };
+
     if (href) {
       onClick(customEvent);
       return window.open(href, "_blank");
-    }
+    } // safari does not focus buttons by default
+
 
-    // safari does not focus buttons by default
     (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
     return onClick(customEvent);
   };
+
   const renderContent = () => {
     if (customLayout) {
       return /*#__PURE__*/React.createElement(StyledLayoutWrapper, {
         hasCustomLayout: true
       }, customLayout);
     }
+
     if (!siblings) {
       return title;
     }
+
     const titleText = /*#__PURE__*/React.createElement(React.Fragment, {
       key: "title"
     }, title);
@@ -97,14 +108,14 @@ const TabTitle = /*#__PURE__*/React.forwardRef(({
       key: "title-siblings"
     }, siblings.map((child, index) => {
       const key = child.props.key || keys.current[index];
-      return /*#__PURE__*/React.cloneElement(child, {
-        ...child.props,
+      return /*#__PURE__*/React.cloneElement(child, { ...child.props,
         onClick: handleClick,
         key
       });
     }));
     return titlePosition === "before" ? [titleText, titleSiblings] : [titleSiblings, titleText];
   };
+
   return /*#__PURE__*/React.createElement(TooltipProvider, {
     tooltipVisible: shouldShowTooltip
   }, /*#__PURE__*/React.createElement(TabTitleContext.Provider, {

package/esm/components/tabs/__internal__/tabs-header/tabs-header.component.js

@@ -1,6 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { StyledTabsHeaderWrapper, StyledTabsHeaderList } from "./tabs-header.style";
+
 const TabsHeader = ({
   align = "left",
   children,
@@ -24,6 +25,7 @@ const TabsHeader = ({
     isInSidebar: isInSidebar
   }, children));
 };
+
 TabsHeader.propTypes = {
   align: PropTypes.oneOf(["left", "right"]),
   children: PropTypes.node.isRequired,

package/esm/components/tabs/__internal__/tabs-header/tabs-header.style.js

@@ -1,5 +1,6 @@
 import styled, { css } from "styled-components";
 import PropTypes from "prop-types";
+
 const computeLineWidth = ({
   alternateStyling,
   isInSidebar,
@@ -8,8 +9,10 @@ const computeLineWidth = ({
   if (isInSidebar && position === "left") {
     return "0px";
   }
+
   return alternateStyling ? "-1px" : "-2px";
 };
+
 const StyledTabsHeaderWrapper = styled.div`
   ${({
   position,

package/esm/components/tabs/tab/tab.component.js

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useCallback, useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import styledSystemPropTypes from "@styled-system/prop-types";
@@ -7,6 +8,7 @@ import tagComponent from "../../../__internal__/utils/helpers/tags/tags";
 import { filterStyledSystemPaddingProps } from "../../../style/utils";
 const TabContext = /*#__PURE__*/React.createContext({});
 const paddingPropTypes = filterStyledSystemPaddingProps(styledSystemPropTypes.space);
+
 const Tab = ({
   ariaLabelledby,
   className,
@@ -27,24 +29,21 @@ const Tab = ({
   const [tabInfos, setTabInfos] = useState({});
   const setError = useCallback((childId, hasError) => {
     if (tabErrors[childId] !== hasError) {
-      setTabErrors({
-        ...tabErrors,
+      setTabErrors({ ...tabErrors,
         [childId]: hasError
       });
     }
   }, [tabErrors]);
   const setWarning = useCallback((childId, hasWarning) => {
     if (tabWarnings[childId] !== hasWarning) {
-      setTabWarnings({
-        ...tabWarnings,
+      setTabWarnings({ ...tabWarnings,
         [childId]: hasWarning
       });
     }
   }, [tabWarnings]);
   const setInfo = useCallback((childId, hasInfo) => {
     if (tabInfos[childId] !== hasInfo) {
-      setTabInfos({
-        ...tabInfos,
+      setTabInfos({ ...tabInfos,
         [childId]: hasInfo
       });
     }
@@ -78,41 +77,58 @@ const Tab = ({
     position: position
   }, tagComponent("tab", rest), rest), !href && children));
 };
-Tab.propTypes = {
-  ...paddingPropTypes,
+
+Tab.propTypes = { ...paddingPropTypes,
   title: PropTypes.string,
+
   /** A unique ID to identify this specific tab. */
   tabId: PropTypes.string.isRequired,
+
   /** @ignore @private */
   className: PropTypes.string,
+
   /** The child elements of Tab component. */
   children: PropTypes.node,
+
   /** Overrides Title default layout with a one defined in this prop */
   customLayout: PropTypes.node,
+
   /** @ignore @private Boolean indicating selected state of Tab. */
   isTabSelected: PropTypes.bool,
+
   /** The position of the Tab. */
   position: PropTypes.oneOf(["top", "left"]),
+
   /** @ignore @private */
   role: PropTypes.string,
+
   /** @ignore @private */
   ariaLabelledby: PropTypes.string,
+
   /** @ignore @private */
   updateErrors: PropTypes.func,
+
   /** @ignore @private */
   updateWarnings: PropTypes.func,
+
   /** @ignore @private */
   updateInfos: PropTypes.func,
+
   /** Message displayed when Tab has error */
   errorMessage: PropTypes.string,
+
   /** Message displayed when Tab has warning */
   warningMessage: PropTypes.string,
+
   /** Message displayed when Tab has warning */
   infoMessage: PropTypes.string,
+
   /** Additional content to display with title */
   siblings: PropTypes.arrayOf(PropTypes.node),
+
   /** Position title before or after siblings */
   titlePosition: PropTypes.oneOf(["before", "after"]),
+
   /** Allows Tab to be a link */
   href: PropTypes.string
 };

package/esm/components/tabs/tabs.component.js

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useCallback, useContext, useEffect, useMemo, useRef, useState, createRef, cloneElement, Children } from "react";
 import PropTypes from "prop-types";
 import styledSystemPropTypes from "@styled-system/prop-types";
@@ -11,6 +12,7 @@ import TabTitle from "./__internal__/tab-title";
 import { DrawerSidebarContext } from "../drawer";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
+
 const Tabs = ({
   align = "left",
   className,
@@ -29,11 +31,11 @@ const Tabs = ({
 }) => {
   /** The children nodes converted into an Array */
   const filteredChildren = useMemo(() => Children.toArray(children).filter(child => child), [children]);
-
   /** Array of the tabIds for the child nodes */
-  const tabIds = useMemo(() => filteredChildren.map(child => child.props.tabId), [filteredChildren]);
 
+  const tabIds = useMemo(() => filteredChildren.map(child => child.props.tabId), [filteredChildren]);
   /** Array of refs to the TabTitle nodes */
+
   const tabRefs = useMemo(() => Array.from({
     length: filteredChildren.length
   }).map(() => /*#__PURE__*/createRef()), [filteredChildren.length]);
@@ -48,41 +50,40 @@ const Tabs = ({
   const [tabsInfos, setTabsInfos] = useState({});
   const updateErrors = useCallback((id, hasError) => {
     if (tabsErrors[id] !== hasError) {
-      setTabsErrors({
-        ...tabsErrors,
+      setTabsErrors({ ...tabsErrors,
         [id]: hasError
       });
     }
   }, [tabsErrors]);
   const updateWarnings = useCallback((id, hasWarning) => {
     if (tabsWarnings[id] !== hasWarning) {
-      setTabsWarnings({
-        ...tabsWarnings,
+      setTabsWarnings({ ...tabsWarnings,
         [id]: hasWarning
       });
     }
   }, [tabsWarnings]);
   const updateInfos = useCallback((id, hasInfo) => {
     if (tabsInfos[id] !== hasInfo) {
-      setTabsInfos({
-        ...tabsInfos,
+      setTabsInfos({ ...tabsInfos,
         [id]: hasInfo
       });
     }
   }, [tabsInfos]);
-
   /** Returns true/false for if the given tab id is selected. */
+
   const isTabSelected = useCallback(tabId => tabId === selectedTabIdState, [selectedTabIdState]);
   const hasTabStop = useCallback(tabId => tabId === tabStopId, [tabStopId]);
-
   /** Updates the currently visible tab */
+
   const updateVisibleTab = useCallback(tabid => {
     if (!isTabSelected(tabid)) {
       setSelectedTabIdState(tabid);
     }
+
     if (!hasTabStop(tabid)) {
       setTabStopId(tabid);
     }
+
     if (onTabChange) {
       onTabChange(tabid);
     }
@@ -90,8 +91,10 @@ const Tabs = ({
   const blurPreviousSelectedTab = useCallback(() => {
     const previousTabIndex = tabIds.indexOf(previousSelectedTabId.current);
     /* istanbul ignore else */
+
     if (previousTabIndex !== -1) {
       var _previousTabRef$curre;
+
       const previousTabRef = tabRefs[previousTabIndex];
       (_previousTabRef$curre = previousTabRef.current) === null || _previousTabRef$curre === void 0 ? void 0 : _previousTabRef$curre.blur();
     }
@@ -102,43 +105,51 @@ const Tabs = ({
         setSelectedTabIdState(selectedTabId);
         blurPreviousSelectedTab();
       }
+
       previousSelectedTabId.current = selectedTabId;
     }
   }, [blurPreviousSelectedTab, previousSelectedTabId, selectedTabId, selectedTabIdState]);
-
   /** Determines if the tab titles are in a vertical format. */
-  const isVertical = currentPosition => currentPosition === "left";
 
+  const isVertical = currentPosition => currentPosition === "left";
   /** Handles the changing of tabs with the mouse */
+
+
   const handleTabClick = ev => {
     if (Event.isEventType(ev, "keydown")) {
       return;
     }
+
     const {
       tabid
     } = ev.target.dataset;
     updateVisibleTab(tabid);
   };
-
   /** Focuses the tab for the reference specified */
-  const focusTab = ref => ref.current.focus();
 
+
+  const focusTab = ref => ref.current.focus();
   /** Will trigger the tab at the given index. */
+
+
   const goToTab = (event, index) => {
     event.preventDefault();
     let newIndex = index;
+
     if (index < 0) {
       newIndex = tabIds.length - 1;
     } else if (index === tabIds.length) {
       newIndex = 0;
     }
+
     const nextTabId = tabIds[newIndex];
     const nextRef = tabRefs[newIndex];
     updateVisibleTab(nextTabId);
     focusTab(nextRef);
   };
-
   /** Handles the keyboard navigation of tabs */
+
+
   const handleKeyDown = index => {
     return event => {
       const isTabVertical = isVertical(position);
@@ -146,6 +157,7 @@ const Tabs = ({
       const isDown = isTabVertical && Event.isDownKey(event);
       const isLeft = !isTabVertical && Event.isLeftKey(event);
       const isRight = !isTabVertical && Event.isRightKey(event);
+
       if (isUp || isLeft) {
         goToTab(event, index - 1);
       } else if (isDown || isRight) {
@@ -153,8 +165,9 @@ const Tabs = ({
       }
     };
   };
-
   /** Build the headers for the tab component */
+
+
   const renderTabHeaders = () => {
     const tabTitles = filteredChildren.map((child, index) => {
       const {
@@ -221,12 +234,12 @@ const Tabs = ({
       isInSidebar: isInSidebar
     }, tabTitles);
   };
-
   /** Builds the single currently selected tab */
+
+
   const visibleTab = () => {
     const tab = filteredChildren.find(child => isTabSelected(child.props.tabId));
-    return tab && /*#__PURE__*/cloneElement(tab, {
-      ...tab.props,
+    return tab && /*#__PURE__*/cloneElement(tab, { ...tab.props,
       role: "tabpanel",
       position,
       isTabSelected: isTabSelected(tab.props.tabId),
@@ -237,16 +250,18 @@ const Tabs = ({
       updateInfos
     });
   };
-
   /** Builds all tabs where non selected tabs have class of hidden */
+
+
   const renderTabs = () => {
     if (isInSidebar) return null;
+
     if (!renderHiddenTabs) {
       return visibleTab();
     }
+
     const tabs = filteredChildren.map(child => {
-      return /*#__PURE__*/cloneElement(child, {
-        ...child.props,
+      return /*#__PURE__*/cloneElement(child, { ...child.props,
         role: "tabpanel",
         position,
         isTabSelected: isTabSelected(child.props.tabId),
@@ -259,6 +274,7 @@ const Tabs = ({
     });
     return tabs;
   };
+
   return /*#__PURE__*/React.createElement(StyledTabs, _extends({
     className: className,
     position: isInSidebar ? "left" : position,
@@ -269,29 +285,40 @@ const Tabs = ({
     headerWidth: headerWidth
   }, rest), renderTabHeaders(), renderTabs());
 };
-Tabs.propTypes = {
-  ...marginPropTypes,
+
+Tabs.propTypes = { ...marginPropTypes,
+
   /** @ignore @private */
   className: PropTypes.string,
+
   /** Prevent rendering of hidden tabs, by default this is set to true and therefore all tabs will be rendered */
   renderHiddenTabs: PropTypes.bool,
+
   /** Allows manual control over the currently selected tab. */
   selectedTabId: PropTypes.string,
+
   /** The child elements of Tabs need to be Tab components. */
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
+
   /** Sets the alignment of the tab titles. Possible values include. */
   align: PropTypes.oneOf(["left", "right"]),
+
   /** A callback for when a tab is changed. You can use this to manually control
    * tab changing or to fire other events when a tab is changed. */
   onTabChange: PropTypes.func,
+
   /** The position of the tab title. */
   position: PropTypes.oneOf(["top", "left"]),
+
   /** Sets size of the tab titles. */
   size: PropTypes.oneOf(["default", "large"]),
+
   /** Sets the divider of the tab titles header to extend the full width of the parent. */
   extendedLine: PropTypes.bool,
+
   /** Adds a combination of borders to the tab titles. */
   borders: PropTypes.oneOf(["off", "on", "no left side", "no right side", "no sides"]),
+
   /** sets width to the tab headers. Can be any valid CSS string.
    * The headerWidth prop works only for `position="left"`
    */
@@ -299,10 +326,13 @@ Tabs.propTypes = {
     if (props.position !== "left" && props[propName] !== undefined) {
       return new Error(`Invalid usage of prop ${propName} in ${componentName}. The ${propName} can be used only if position is set to left`);
     }
+
     return null;
   },
+
   /** Adds an alternate styling variant to the tab titles. */
   variant: PropTypes.oneOf(["default", "alternate"]),
+
   /** An object to support overriding validation statuses, when the Tabs have custom targets for example.
    * The `id` property should match the `tabId`s for the rendered Tabs. */
   validationStatusOverride: PropTypes.shape({

package/esm/components/text-editor/__internal__/decorators/link-decorator.js

@@ -1,4 +1,5 @@
 import EditorLink from "../editor-link";
+
 function findWithRegex(regex, contentBlock, callback) {
   const text = contentBlock.getText();
   let matchArr;
@@ -13,24 +14,23 @@ function findWithRegex(regex, contentBlock, callback) {
       start += matchArr.index;
       callback(start, start + candidate.length);
     }
+
     start += candidate.length + 1;
   });
 }
+
 const linkStrategy = (contentBlock, callback) => {
   const combineRegex = (...regex) => new RegExp(regex.map(r => r.source).join(""), "g");
-  const urlRegex = combineRegex(/\b/, /(http:\/\/|https:\/\/|www\.)/,
-  // prefix
-  /([\w-]+:([\w-]+@))?/,
-  // userinfo
-  /([\w-]+\.)+\w+/,
-  // domain
-  /(:\d+)?/,
-  // port
-  /(\/[\w#!:.?+=&%@!-/]+)?/,
-  // paths, queries, fragments
+
+  const urlRegex = combineRegex(/\b/, /(http:\/\/|https:\/\/|www\.)/, // prefix
+  /([\w-]+:([\w-]+@))?/, // userinfo
+  /([\w-]+\.)+\w+/, // domain
+  /(:\d+)?/, // port
+  /(\/[\w#!:.?+=&%@!-/]+)?/, // paths, queries, fragments
   /\b/);
   findWithRegex(urlRegex, contentBlock, callback);
 };
+
 export default {
   strategy: linkStrategy,
   component: EditorLink

package/esm/components/text-editor/__internal__/editor-counter/editor-counter.component.js

@@ -2,6 +2,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import { StyledCounterWrapper, StyledCounter } from "./editor-counter.style";
 import ValidationIcon from "../../../../__internal__/validations";
+
 const Counter = ({
   count = 0,
   limit = 3000,
@@ -20,15 +21,20 @@ const Counter = ({
 }), /*#__PURE__*/React.createElement(StyledCounter, {
   hasError: !!error
 }, `${limit - count}`));
+
 Counter.propTypes = {
   /** Sets the current count value */
   count: PropTypes.number,
+
   /** Sets the current limit value */
   limit: PropTypes.number,
+
   /** Message to be displayed when there is an error */
   error: PropTypes.string,
+
   /** Message to be displayed when there is a warning */
   warning: PropTypes.string,
+
   /** Message to be displayed when there is an info */
   info: PropTypes.string
 };