carbon-react 111.12.3 → 111.12.5

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

@@ -10,22 +10,39 @@ Object.defineProperty(exports, "Tab", {
   }
 });
 exports.Tabs = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _tab = _interopRequireDefault(require("./tab"));
+
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _tabs = _interopRequireDefault(require("./tabs.style"));
+
 var _tabsHeader = _interopRequireDefault(require("./__internal__/tabs-header"));
+
 var _tabTitle = _interopRequireDefault(require("./__internal__/tab-title"));
+
 var _drawer = require("../drawer");
+
 var _utils = require("../../style/utils");
+
 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 marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
+
 const Tabs = ({
   align = "left",
   className,
@@ -44,11 +61,11 @@ const Tabs = ({
 }) => {
   /** The children nodes converted into an Array */
   const filteredChildren = (0, _react.useMemo)(() => _react.Children.toArray(children).filter(child => child), [children]);
-
   /** Array of the tabIds for the child nodes */
-  const tabIds = (0, _react.useMemo)(() => filteredChildren.map(child => child.props.tabId), [filteredChildren]);
 
+  const tabIds = (0, _react.useMemo)(() => filteredChildren.map(child => child.props.tabId), [filteredChildren]);
   /** Array of refs to the TabTitle nodes */
+
   const tabRefs = (0, _react.useMemo)(() => Array.from({
     length: filteredChildren.length
   }).map(() => /*#__PURE__*/(0, _react.createRef)()), [filteredChildren.length]);
@@ -63,41 +80,40 @@ const Tabs = ({
   const [tabsInfos, setTabsInfos] = (0, _react.useState)({});
   const updateErrors = (0, _react.useCallback)((id, hasError) => {
     if (tabsErrors[id] !== hasError) {
-      setTabsErrors({
-        ...tabsErrors,
+      setTabsErrors({ ...tabsErrors,
         [id]: hasError
       });
     }
   }, [tabsErrors]);
   const updateWarnings = (0, _react.useCallback)((id, hasWarning) => {
     if (tabsWarnings[id] !== hasWarning) {
-      setTabsWarnings({
-        ...tabsWarnings,
+      setTabsWarnings({ ...tabsWarnings,
         [id]: hasWarning
       });
     }
   }, [tabsWarnings]);
   const updateInfos = (0, _react.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 = (0, _react.useCallback)(tabId => tabId === selectedTabIdState, [selectedTabIdState]);
   const hasTabStop = (0, _react.useCallback)(tabId => tabId === tabStopId, [tabStopId]);
-
   /** Updates the currently visible tab */
+
   const updateVisibleTab = (0, _react.useCallback)(tabid => {
     if (!isTabSelected(tabid)) {
       setSelectedTabIdState(tabid);
     }
+
     if (!hasTabStop(tabid)) {
       setTabStopId(tabid);
     }
+
     if (onTabChange) {
       onTabChange(tabid);
     }
@@ -105,8 +121,10 @@ const Tabs = ({
   const blurPreviousSelectedTab = (0, _react.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();
     }
@@ -117,50 +135,63 @@ 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 (_events.default.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);
+
       const isUp = isTabVertical && _events.default.isUpKey(event);
+
       const isDown = isTabVertical && _events.default.isDownKey(event);
+
       const isLeft = !isTabVertical && _events.default.isLeftKey(event);
+
       const isRight = !isTabVertical && _events.default.isRightKey(event);
+
       if (isUp || isLeft) {
         goToTab(event, index - 1);
       } else if (isDown || isRight) {
@@ -168,8 +199,9 @@ const Tabs = ({
       }
     };
   };
-
   /** Build the headers for the tab component */
+
+
   const renderTabHeaders = () => {
     const tabTitles = filteredChildren.map((child, index) => {
       const {
@@ -194,6 +226,7 @@ const Tabs = ({
       const tabHasError = errorOverride !== undefined ? errorOverride : errors > 0;
       const tabHasWarning = warningOverride !== undefined ? warningOverride : warnings > 0 && !tabHasError;
       const tabHasInfo = infoOverride !== undefined ? infoOverride : infos > 0 && !tabHasError && !tabHasWarning;
+
       const tabTitle = /*#__PURE__*/_react.default.createElement(_tabTitle.default, {
         position: isInSidebar ? "left" : position,
         className: child.props.className || "",
@@ -224,6 +257,7 @@ const Tabs = ({
         isInSidebar: isInSidebar,
         align: align
       });
+
       return tabTitle;
     });
     return /*#__PURE__*/_react.default.createElement(_tabsHeader.default, {
@@ -236,12 +270,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__*/(0, _react.cloneElement)(tab, {
-      ...tab.props,
+    return tab && /*#__PURE__*/(0, _react.cloneElement)(tab, { ...tab.props,
       role: "tabpanel",
       position,
       isTabSelected: isTabSelected(tab.props.tabId),
@@ -252,16 +286,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__*/(0, _react.cloneElement)(child, {
-        ...child.props,
+      return /*#__PURE__*/(0, _react.cloneElement)(child, { ...child.props,
         role: "tabpanel",
         position,
         isTabSelected: isTabSelected(child.props.tabId),
@@ -274,6 +310,7 @@ const Tabs = ({
     });
     return tabs;
   };
+
   return /*#__PURE__*/_react.default.createElement(_tabs.default, _extends({
     className: className,
     position: isInSidebar ? "left" : position,
@@ -284,30 +321,41 @@ const Tabs = ({
     headerWidth: headerWidth
   }, rest), renderTabHeaders(), renderTabs());
 };
+
 exports.Tabs = Tabs;
-Tabs.propTypes = {
-  ...marginPropTypes,
+Tabs.propTypes = { ...marginPropTypes,
+
   /** @ignore @private */
   className: _propTypes.default.string,
+
   /** Prevent rendering of hidden tabs, by default this is set to true and therefore all tabs will be rendered */
   renderHiddenTabs: _propTypes.default.bool,
+
   /** Allows manual control over the currently selected tab. */
   selectedTabId: _propTypes.default.string,
+
   /** The child elements of Tabs need to be Tab components. */
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
+
   /** Sets the alignment of the tab titles. Possible values include. */
   align: _propTypes.default.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.default.func,
+
   /** The position of the tab title. */
   position: _propTypes.default.oneOf(["top", "left"]),
+
   /** Sets size of the tab titles. */
   size: _propTypes.default.oneOf(["default", "large"]),
+
   /** Sets the divider of the tab titles header to extend the full width of the parent. */
   extendedLine: _propTypes.default.bool,
+
   /** Adds a combination of borders to the tab titles. */
   borders: _propTypes.default.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"`
    */
@@ -315,10 +363,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.default.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.default.shape({

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

@@ -4,15 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _tabsHeader = require("./__internal__/tabs-header/tabs-header.style");
+
 var _tab = _interopRequireDefault(require("./tab/tab.style"));
+
 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; }
+
 const StyledTabs = _styledComponents.default.div`
   ${({
   position,

package/lib/components/text-editor/__internal__/decorators/index.js

@@ -4,8 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _draftJs = require("draft-js");
+
 var _linkDecorator = _interopRequireDefault(require("./link-decorator"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var _default = new _draftJs.CompositeDecorator([_linkDecorator.default]);
+
 exports.default = _default;

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

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _editorLink = _interopRequireDefault(require("../editor-link"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function findWithRegex(regex, contentBlock, callback) {
   const text = contentBlock.getText();
   let matchArr;
@@ -20,24 +23,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);
 };
+
 var _default = {
   strategy: linkStrategy,
   component: _editorLink.default

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

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 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 = ({
   count = 0,
   limit = 3000,
@@ -27,15 +33,20 @@ const Counter = ({
 }), /*#__PURE__*/_react.default.createElement(_editorCounter.StyledCounter, {
   hasError: !!error
 }, `${limit - count}`));
+
 Counter.propTypes = {
   /** Sets the current count value */
   count: _propTypes.default.number,
+
   /** Sets the current limit value */
   limit: _propTypes.default.number,
+
   /** Message to be displayed when there is an error */
   error: _propTypes.default.string,
+
   /** Message to be displayed when there is a warning */
   warning: _propTypes.default.string,
+
   /** Message to be displayed when there is an info */
   info: _propTypes.default.string
 };

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

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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: ${({
   hasError

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

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _editorCounter.default;
   }
 });
+
 var _editorCounter = _interopRequireDefault(require("./editor-counter.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _editorLink = _interopRequireDefault(require("./editor-link.style"));
+
 var _textEditor = require("../../text-editor.component");
+
 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 EditorLink = ({
   children,
   contentState,
@@ -19,11 +28,13 @@ const EditorLink = ({
   ...rest
 }) => {
   const url = !!contentState && !!entityKey ? contentState.getEntity(entityKey).getData() : children[0].props.text;
+
   const buildValidUrl = () => {
     const candidateUrl = url.url || url;
     const regex = /(http:\/\/|https:\/\/)+/g;
     return regex.test(candidateUrl) ? candidateUrl : `https://${candidateUrl}`;
   };
+
   const validUrl = buildValidUrl();
   const {
     onLinkAdded,
@@ -32,8 +43,8 @@ const EditorLink = ({
   (0, _react.useEffect)(() => {
     if (onLinkAdded) {
       onLinkAdded(validUrl);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [validUrl]);
   return /*#__PURE__*/_react.default.createElement(_editorLink.default, _extends({
     href: !editMode ? validUrl : undefined,
@@ -43,6 +54,7 @@ const EditorLink = ({
     rel: "noopener noreferrer"
   }, rest), children);
 };
+
 EditorLink.propTypes = {
   children: _propTypes.default.node.isRequired,
   contentState: _propTypes.default.object,

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

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _link = _interopRequireDefault(require("../../../link"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledEditorLink = (0, _styledComponents.default)(_link.default)`
   max-width: 100%;
 

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

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _editorLink.default;
   }
 });
+
 var _editorLink = _interopRequireDefault(require("./editor-link.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _labelWrapper.default;
   }
 });
+
 var _labelWrapper = _interopRequireDefault(require("./label-wrapper.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /* eslint-disable jsx-a11y/click-events-have-key-events */
+
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 
 /**
@@ -23,6 +28,7 @@ const LabelWrapper = ({
     onClick: onClick
   }, " ", children, " ");
 };
+
 LabelWrapper.propTypes = {
   onClick: _propTypes.default.func.isRequired,
   children: _propTypes.default.node.isRequired

package/lib/components/text-editor/__internal__/toolbar/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _toolbar.default;
   }
 });
+
 var _toolbar = _interopRequireDefault(require("./toolbar.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _toolbarButton.default;
   }
 });
+
 var _toolbarButton = _interopRequireDefault(require("./toolbar-button.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _toolbarButton = _interopRequireDefault(require("./toolbar-button.style"));
+
 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 ToolbarButton = /*#__PURE__*/_react.default.forwardRef(({
   onKeyDown,
   onMouseDown,
@@ -39,17 +45,23 @@ const ToolbarButton = /*#__PURE__*/_react.default.forwardRef(({
     onBlur: onBlur
   }), children);
 });
+
 ToolbarButton.propTypes = {
   /** Accessibility label for a button */
   ariaLabel: _propTypes.default.string.isRequired,
+
   /** The children for the button */
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.array]).isRequired,
+
   /** Used to control the button's active status */
   activated: _propTypes.default.bool,
+
   /** Callback to handle any keydown events on a button */
   onKeyDown: _propTypes.default.func.isRequired,
+
   /** Callback to handle any mouse down events on a button */
   onMouseDown: _propTypes.default.func.isRequired,
+
   /** Controls whether the button can be tabbed to */
   tabbable: _propTypes.default.bool,
   onMouseOver: _propTypes.default.func,

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.style.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _icon = _interopRequireDefault(require("../../../../icon/icon.style"));
+
 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; }
+
 const StyledToolbarButton = _styledComponents.default.button.attrs({
   type: "button"
 })`