carbon-react 119.10.0 → 119.10.2

package/lib/components/tabs/__internal__/tab-title/tab-title.style.js

@@ -16,24 +16,22 @@ const StyledTitleContent = _styledComponents.default.span`
   line-height: 20px;
   margin: 0;
 
-  ${_ref => {
-  let {
-    hasCustomLayout,
-    error,
-    warning,
-    info,
-    size,
-    isTabSelected,
-    hasSiblings,
-    borders = false,
-    position = "top",
-    noLeftBorder,
-    noRightBorder,
-    hasHref,
-    alternateStyling,
-    align
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  hasCustomLayout,
+  error,
+  warning,
+  info,
+  size,
+  isTabSelected,
+  hasSiblings,
+  borders = false,
+  position = "top",
+  noLeftBorder,
+  noRightBorder,
+  hasHref,
+  alternateStyling,
+  align
+}) => (0, _styledComponents.css)`
     text-align: ${align};
 
     ${position === "left" && (0, _styledComponents.css)`
@@ -224,8 +222,7 @@ const StyledTitleContent = _styledComponents.default.span`
         `}
       `}
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledTitleContent = StyledTitleContent;
 const tabTitleStyles = (0, _styledComponents.css)`
@@ -242,43 +239,35 @@ const tabTitleStyles = (0, _styledComponents.css)`
   text-decoration: none;
   outline-offset: 0px;
   margin: 0;
-  ${_ref2 => {
-  let {
-    position
-  } = _ref2;
-  return position === "top" && "white-space: nowrap";
-}};
-
-  ${_ref3 => {
-  let {
-    position
-  } = _ref3;
-  return (0, _styledComponents.css)`
+  ${({
+  position
+}) => position === "top" && "white-space: nowrap"};
+
+  ${({
+  position
+}) => (0, _styledComponents.css)`
     ${position === "left" && (0, _styledComponents.css)`
       border-top-right-radius: var(--borderRadius000);
     `}
-  `;
-}}
+  `}
 
   a:visited {
     color: inherit;
   }
 
-  ${_ref4 => {
-  let {
-    size,
-    position = "top",
-    borders = false,
-    noRightBorder,
-    noLeftBorder,
-    isTabSelected,
-    alternateStyling,
-    error,
-    warning,
-    info,
-    isInSidebar
-  } = _ref4;
-  return (0, _styledComponents.css)`
+  ${({
+  size,
+  position = "top",
+  borders = false,
+  noRightBorder,
+  noLeftBorder,
+  isTabSelected,
+  alternateStyling,
+  error,
+  warning,
+  info,
+  isInSidebar
+}) => (0, _styledComponents.css)`
     height: ${size === "large" ? "var(--sizing600)" : "var(--sizing500)"};
 
     ${position === "top" && (0, _styledComponents.css)`
@@ -414,8 +403,7 @@ const tabTitleStyles = (0, _styledComponents.css)`
         background-color: var(--colorsActionMinor200);
       `}
     `}
-  `;
-}}
+  `}
 `;
 const StyledTabTitleButton = _styledComponents.default.button`
   ${tabTitleStyles}
@@ -426,14 +414,12 @@ const StyledTabTitleLink = _styledComponents.default.a`
 `;
 exports.StyledTabTitleLink = StyledTabTitleLink;
 const StyledLayoutWrapper = _styledComponents.default.div`
-  ${_ref5 => {
-  let {
-    hasCustomLayout,
-    titlePosition = "before",
-    hasCustomSibling,
-    position
-  } = _ref5;
-  return (0, _styledComponents.css)`
+  ${({
+  hasCustomLayout,
+  titlePosition = "before",
+  hasCustomSibling,
+  position
+}) => (0, _styledComponents.css)`
     ${hasCustomLayout && (0, _styledComponents.css)`
       flex-grow: 2;
     `}
@@ -464,19 +450,16 @@ const StyledLayoutWrapper = _styledComponents.default.div`
         }
       }
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledLayoutWrapper = StyledLayoutWrapper;
 const StyledSelectedIndicator = _styledComponents.default.div`
   position: absolute;
   z-index: 1;
 
-  ${_ref6 => {
-  let {
-    position = "top"
-  } = _ref6;
-  return (0, _styledComponents.css)`
+  ${({
+  position = "top"
+}) => (0, _styledComponents.css)`
     ${position === "top" && (0, _styledComponents.css)`
       bottom: 0px;
       left: 0px;
@@ -494,7 +477,6 @@ const StyledSelectedIndicator = _styledComponents.default.div`
       height: 100%;
       width: var(--sizing025);
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledSelectedIndicator = StyledSelectedIndicator;

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

@@ -16,24 +16,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *  It is ultimately tied to the position of the scroll that will then fade the shadow in and out. */
 const fullOpacityThreshold = 128;
 const getOpacityRatio = value => value / fullOpacityThreshold;
-const getScrollRight = _ref => {
-  let {
-    scrollWidth,
-    clientWidth,
-    scrollLeft
-  } = _ref;
-  return scrollWidth - clientWidth - scrollLeft;
-};
-const TabsHeader = _ref2 => {
-  let {
-    align = "left",
-    children,
-    position = "top",
-    role,
-    extendedLine,
-    noRightBorder = false,
-    isInSidebar = false
-  } = _ref2;
+const getScrollRight = ({
+  scrollWidth,
+  clientWidth,
+  scrollLeft
+}) => scrollWidth - clientWidth - scrollLeft;
+const TabsHeader = ({
+  align = "left",
+  children,
+  position = "top",
+  role,
+  extendedLine,
+  noRightBorder = false,
+  isInSidebar = false
+}) => {
   const [leftScrollOpacity, setLeftScrollOpacity] = (0, _react.useState)(0);
   const [rightScrollOpacity, setRightScrollOpacity] = (0, _react.useState)(1);
   const ref = (0, _react.useRef)(null);

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

@@ -11,12 +11,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 const outlineWidth = "3px";
 const StyledTabsHeaderWrapper = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    position,
-    isInSidebar
-  } = _ref;
-  return position === "left" && (0, _styledComponents.css)`
+  ${({
+  position,
+  isInSidebar
+}) => position === "left" && (0, _styledComponents.css)`
       overflow-y: auto;
       box-sizing: border-box;
       padding: 3px;
@@ -35,8 +33,7 @@ const StyledTabsHeaderWrapper = _styledComponents.default.div`
         margin: auto;
         padding: 0px;
       `}
-    `;
-}}
+    `}
 `;
 exports.StyledTabsHeaderWrapper = StyledTabsHeaderWrapper;
 const commonShadowStyles = (0, _styledComponents.css)`
@@ -45,46 +42,35 @@ const commonShadowStyles = (0, _styledComponents.css)`
   background-repeat: no-repeat;
   background-size: 16px 48px;
   background-attachment: scroll;
-  z-index: ${_ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.zIndex.overlay;
-}};
+  z-index: ${({
+  theme
+}) => theme.zIndex.overlay};
   position: sticky;
   min-width: 16px;
   transition: opacity 0.1s ease-in-out;
 `;
 const StyledTabsHeaderList = _styledComponents.default.div`
   display: flex;
-  ${_ref3 => {
-  let {
-    extendedLine = true
-  } = _ref3;
-  return !extendedLine && (0, _styledComponents.css)`
+  ${({
+  extendedLine = true
+}) => !extendedLine && (0, _styledComponents.css)`
       width: fit-content;
-    `;
-}}
+    `}
   cursor: default;
   list-style: none;
   margin: -${outlineWidth};
   padding: ${outlineWidth};
   overflow-x: auto;
   position: relative;
-  ${_ref4 => {
-  let {
-    position
-  } = _ref4;
-  return position === "top" && "white-space: nowrap";
-}};
+  ${({
+  position
+}) => position === "top" && "white-space: nowrap"};
 
-  ${_ref5 => {
-  let {
-    isScrollable,
-    leftScrollOpacity,
-    rightScrollOpacity
-  } = _ref5;
-  return isScrollable && (0, _styledComponents.css)`
+  ${({
+  isScrollable,
+  leftScrollOpacity,
+  rightScrollOpacity
+}) => isScrollable && (0, _styledComponents.css)`
       &:before {
         ${commonShadowStyles}
         background: radial-gradient(
@@ -110,8 +96,7 @@ const StyledTabsHeaderList = _styledComponents.default.div`
         margin-left: -16px;
         opacity: ${rightScrollOpacity};
       }
-    `;
-}}
+    `}
 
   &::-webkit-scrollbar {
     -webkit-appearance: none;
@@ -125,23 +110,18 @@ const StyledTabsHeaderList = _styledComponents.default.div`
     cursor: pointer;
   }
 
-  ${_ref6 => {
-  let {
-    align = "left"
-  } = _ref6;
-  return align === "right" && (0, _styledComponents.css)`
+  ${({
+  align = "left"
+}) => align === "right" && (0, _styledComponents.css)`
       justify-content: flex-end;
       text-align: right;
-    `;
-}}
+    `}
 
-  ${_ref7 => {
-  let {
-    position = "top",
-    noRightBorder,
-    align = "left"
-  } = _ref7;
-  return position === "left" && (0, _styledComponents.css)`
+  ${({
+  position = "top",
+  noRightBorder,
+  align = "left"
+}) => position === "left" && (0, _styledComponents.css)`
       flex-direction: column;
       box-shadow: none;
 
@@ -152,8 +132,7 @@ const StyledTabsHeaderList = _styledComponents.default.div`
       ${align === "right" && (0, _styledComponents.css)`
         justify-content: flex-start;
       `}
-    `;
-}}
+    `}
 `;
 exports.StyledTabsHeaderList = StyledTabsHeaderList;
 StyledTabsHeaderList.defaultProps = {

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

@@ -14,27 +14,26 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 TabContext = /*#__PURE__*/_react.default.createContext({});
 exports.TabContext = TabContext;
-const Tab = _ref => {
-  let {
-    ariaLabelledby,
-    className,
-    children,
-    isTabSelected,
-    position = "top",
-    role = "tabpanel",
-    tabId,
-    updateErrors,
-    updateWarnings,
-    updateInfos,
-    href,
-    // title is destructured purely to NOT spread it as part of rest to the underlying HTML element.
-    // Both this and titleProps are used as part of child.props inside Tabs component
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    title,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    titleProps,
-    ...rest
-  } = _ref;
+const Tab = ({
+  ariaLabelledby,
+  className,
+  children,
+  isTabSelected,
+  position = "top",
+  role = "tabpanel",
+  tabId,
+  updateErrors,
+  updateWarnings,
+  updateInfos,
+  href,
+  // title is destructured purely to NOT spread it as part of rest to the underlying HTML element.
+  // Both this and titleProps are used as part of child.props inside Tabs component
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  title,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  titleProps,
+  ...rest
+}) => {
   const [tabErrors, setTabErrors] = (0, _react.useState)({});
   const [tabWarnings, setTabWarnings] = (0, _react.useState)({});
   const [tabInfos, setTabInfos] = (0, _react.useState)({});

package/lib/components/tabs/tab/tab.style.js

@@ -13,12 +13,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const StyledTab = _styledComponents.default.div`
   display: none;
 
-  ${_ref => {
-  let {
-    isTabSelected,
-    position = "top"
-  } = _ref;
-  return isTabSelected && (0, _styledComponents.css)`
+  ${({
+  isTabSelected,
+  position = "top"
+}) => isTabSelected && (0, _styledComponents.css)`
       display: block;
 
       ${position === "left" && (0, _styledComponents.css)`
@@ -26,8 +24,7 @@ const StyledTab = _styledComponents.default.div`
       `}
 
       ${_styledSystem.padding}
-    `;
-}}
+    `}
 `;
 StyledTab.defaultProps = {
   theme: _base.default

package/lib/components/tabs/tabs.component.js

@@ -23,24 +23,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 Tabs = _ref => {
-  let {
-    align = "left",
-    className,
-    children,
-    onTabChange,
-    selectedTabId,
-    renderHiddenTabs = true,
-    position = "top",
-    extendedLine = true,
-    size,
-    borders = "off",
-    variant = "default",
-    validationStatusOverride,
-    headerWidth,
-    showValidationsSummary,
-    ...rest
-  } = _ref;
+const Tabs = ({
+  align = "left",
+  className,
+  children,
+  onTabChange,
+  selectedTabId,
+  renderHiddenTabs = true,
+  position = "top",
+  extendedLine = true,
+  size,
+  borders = "off",
+  variant = "default",
+  validationStatusOverride,
+  headerWidth,
+  showValidationsSummary,
+  ...rest
+}) => {
   if (position !== "left" && headerWidth !== undefined) {
     // eslint-disable-next-line no-console
     console.error("Invalid usage of prop headerWidth in Tabs. The headerWidth can be used only if position is set to left");
@@ -188,8 +187,7 @@ const Tabs = _ref => {
       const tabHasError = errorOverride !== undefined ? errorOverride : !!errorsCount;
       const tabHasWarning = warningOverride !== undefined ? warningOverride : !!warningsCount && !tabHasError;
       const tabHasInfo = infoOverride !== undefined ? infoOverride : !!infosCount && !tabHasError && !tabHasWarning;
-      const getValidationMessage = function (message) {
-        let validations = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      const getValidationMessage = (message, validations = {}) => {
         const summaryOfMessages = Object.values(validations).filter(value => value && typeof value === "string");
         if (!showValidationsSummary || !summaryOfMessages.length) {
           return message;

package/lib/components/tabs/tabs.style.js

@@ -13,13 +13,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 const StyledTabs = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    position,
-    isInSidebar,
-    headerWidth
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  position,
+  isInSidebar,
+  headerWidth
+}) => (0, _styledComponents.css)`
     color: var(--colorsActionMinorYin090);
 
     ${position === "left" && (0, _styledComponents.css)`
@@ -39,8 +37,7 @@ const StyledTabs = _styledComponents.default.div`
 
       width: 100%;
     `}
-  `;
-}}
+  `}
 
   ${_styledSystem.margin}
 `;

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

@@ -24,12 +24,7 @@ function findWithRegex(regex, contentBlock, callback) {
   });
 }
 const linkStrategy = (contentBlock, callback) => {
-  const combineRegex = function () {
-    for (var _len = arguments.length, regex = new Array(_len), _key = 0; _key < _len; _key++) {
-      regex[_key] = arguments[_key];
-    }
-    return new RegExp(regex.map(r => r.source).join(""), "g");
-  };
+  const combineRegex = (...regex) => new RegExp(regex.map(r => r.source).join(""), "g");
   const urlRegex = combineRegex(/\b/, /(http:\/\/|https:\/\/|www\.)/,
   // prefix
   /([\w-]+:([\w-]+@))?/,

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

@@ -9,25 +9,22 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _editorCounter = require("./editor-counter.style");
 var _validations = _interopRequireDefault(require("../../../../__internal__/validations"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Counter = _ref => {
-  let {
-    count = 0,
-    limit = 3000,
-    error,
-    warning,
-    info
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_editorCounter.StyledCounterWrapper, {
-    "data-component": "text-editor-counter"
-  }, !!(error || warning || info) && /*#__PURE__*/_react.default.createElement(_validations.default, {
-    error: error,
-    warning: warning,
-    info: info,
-    tooltipPosition: "top",
-    tabIndex: 0
-  }), /*#__PURE__*/_react.default.createElement(_editorCounter.StyledCounter, {
-    hasError: !!error
-  }, `${limit - count}`));
-};
+const Counter = ({
+  count = 0,
+  limit = 3000,
+  error,
+  warning,
+  info
+}) => /*#__PURE__*/_react.default.createElement(_editorCounter.StyledCounterWrapper, {
+  "data-component": "text-editor-counter"
+}, !!(error || warning || info) && /*#__PURE__*/_react.default.createElement(_validations.default, {
+  error: error,
+  warning: warning,
+  info: info,
+  tooltipPosition: "top",
+  tabIndex: 0
+}), /*#__PURE__*/_react.default.createElement(_editorCounter.StyledCounter, {
+  hasError: !!error
+}, `${limit - count}`));
 var _default = Counter;
 exports.default = _default;

package/lib/components/text-editor/__internal__/editor-counter/editor-counter.style.js

@@ -7,12 +7,9 @@ exports.StyledCounterWrapper = exports.StyledCounter = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const StyledCounter = _styledComponents.default.span`
-  color: ${_ref => {
-  let {
-    hasError
-  } = _ref;
-  return hasError ? "var(--colorsSemanticNegative500)" : "var(--colorsUtilityYin055)";
-}};
+  color: ${({
+  hasError
+}) => hasError ? "var(--colorsSemanticNegative500)" : "var(--colorsUtilityYin055)"};
   width: 100%;
 `;
 exports.StyledCounter = StyledCounter;

package/lib/components/text-editor/__internal__/editor-link/editor-link.component.js

@@ -12,13 +12,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 EditorLink = _ref => {
-  let {
-    children,
-    contentState,
-    entityKey,
-    ...rest
-  } = _ref;
+const EditorLink = ({
+  children,
+  contentState,
+  entityKey,
+  ...rest
+}) => {
   const url = !!contentState && !!entityKey ? contentState.getEntity(entityKey).getData() : children[0].props.text;
   const buildValidUrl = () => {
     const candidateUrl = url.url || url;

package/lib/components/text-editor/__internal__/label-wrapper/label-wrapper.component.js

@@ -14,11 +14,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * TextEditor component is composed with divs and spans.
  * We have to manually trigger focus on TextEditor by clicking on label component.
  * This wrapper allows us to trigger focus on TextEditor
- */const LabelWrapper = _ref => {
-  let {
-    onClick,
-    children
-  } = _ref;
+ */const LabelWrapper = ({
+  onClick,
+  children
+}) => {
   return /*#__PURE__*/_react.default.createElement("span", {
     onClick: onClick
   }, " ", children, " ");