carbon-react 111.12.3 → 111.12.5

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

@@ -4,21 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TabTitleContext = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _tabTitle = require("./tab-title.style");
+
 var _tags = _interopRequireDefault(require("../../../../__internal__/utils/helpers/tags/tags"));
+
 var _validationIcon = _interopRequireDefault(require("../../../../__internal__/validations/validation-icon.component"));
+
 var _guid = _interopRequireDefault(require("../../../../__internal__/utils/helpers/guid"));
+
 var _icon = _interopRequireDefault(require("../../../icon"));
+
 var _events = _interopRequireDefault(require("../../../../__internal__/utils/helpers/events"));
+
 var _tooltipProvider = require("../../../../__internal__/tooltip-provider");
+
 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 TabTitleContext = /*#__PURE__*/_react.default.createContext({});
+
 exports.TabTitleContext = TabTitleContext;
+
 const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
   isTabSelected,
   dataTabId,
@@ -51,70 +67,82 @@ const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
   const hasFailedValidation = error || warning || info;
   const [shouldShowTooltip, setShouldShowTooltip] = (0, _react.useState)(false);
   const hasHover = (0, _react.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((0, _guid.default)()));
   }
+
   const handleKeyDown = ev => {
     ev.stopPropagation();
+
     if (href && _events.default.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.default.createElement(_tabTitle.StyledLayoutWrapper, {
         hasCustomLayout: true
       }, customLayout);
     }
+
     if (!siblings) {
       return title;
     }
+
     const titleText = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: "title"
     }, title);
+
     const titleSiblings = /*#__PURE__*/_react.default.createElement(_tabTitle.StyledLayoutWrapper, {
       titlePosition: titlePosition,
       key: "title-siblings"
     }, siblings.map((child, index) => {
       const key = child.props.key || keys.current[index];
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        ...child.props,
+      return /*#__PURE__*/_react.default.cloneElement(child, { ...child.props,
         onClick: handleClick,
         key
       });
     }));
+
     return titlePosition === "before" ? [titleText, titleSiblings] : [titleSiblings, titleText];
   };
+
   return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
     tooltipVisible: shouldShowTooltip
   }, /*#__PURE__*/_react.default.createElement(TabTitleContext.Provider, {
@@ -195,6 +223,7 @@ const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
     position: position
   }))));
 });
+
 TabTitle.propTypes = {
   title: _propTypes.default.string.isRequired,
   isTabSelected: _propTypes.default.bool,

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

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSelectedIndicator = exports.StyledLayoutWrapper = exports.StyledTitleContent = exports.StyledTabTitle = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _icon = _interopRequireDefault(require("../../../icon/icon.style"));
+
 var _validationIcon = _interopRequireDefault(require("../../../../__internal__/validations/validation-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 StyledTitleContent = _styledComponents.default.span`
   outline: none;
   display: inline-block;

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

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

package/lib/components/tabs/__internal__/tabs-header/tabs-header.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"));
+
 var _tabsHeader = require("./tabs-header.style");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const TabsHeader = ({
   align = "left",
   children,
@@ -31,6 +36,7 @@ const TabsHeader = ({
     isInSidebar: isInSidebar
   }, children));
 };
+
 TabsHeader.propTypes = {
   align: _propTypes.default.oneOf(["left", "right"]),
   children: _propTypes.default.node.isRequired,

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

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledTabsHeaderList = exports.StyledTabsHeaderWrapper = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 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 computeLineWidth = ({
   alternateStyling,
   isInSidebar,
@@ -17,8 +23,10 @@ const computeLineWidth = ({
   if (isInSidebar && position === "left") {
     return "0px";
   }
+
   return alternateStyling ? "-1px" : "-2px";
 };
+
 const StyledTabsHeaderWrapper = _styledComponents.default.div`
   ${({
   position,

package/lib/components/tabs/index.js

@@ -15,4 +15,5 @@ Object.defineProperty(exports, "Tab", {
     return _tabs.Tab;
   }
 });
+
 var _tabs = require("./tabs.component");

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

@@ -15,6 +15,9 @@ Object.defineProperty(exports, "TabContext", {
     return _tab.TabContext;
   }
 });
+
 var _tab = _interopRequireWildcard(require("./tab.component"));
+
 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; }

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

@@ -4,19 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TabContext = 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.style"));
+
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
+
 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 TabContext = /*#__PURE__*/_react.default.createContext({});
+
 exports.TabContext = TabContext;
 const paddingPropTypes = (0, _utils.filterStyledSystemPaddingProps)(_propTypes2.default.space);
+
 const Tab = ({
   ariaLabelledby,
   className,
@@ -37,24 +50,21 @@ const Tab = ({
   const [tabInfos, setTabInfos] = (0, _react.useState)({});
   const setError = (0, _react.useCallback)((childId, hasError) => {
     if (tabErrors[childId] !== hasError) {
-      setTabErrors({
-        ...tabErrors,
+      setTabErrors({ ...tabErrors,
         [childId]: hasError
       });
     }
   }, [tabErrors]);
   const setWarning = (0, _react.useCallback)((childId, hasWarning) => {
     if (tabWarnings[childId] !== hasWarning) {
-      setTabWarnings({
-        ...tabWarnings,
+      setTabWarnings({ ...tabWarnings,
         [childId]: hasWarning
       });
     }
   }, [tabWarnings]);
   const setInfo = (0, _react.useCallback)((childId, hasInfo) => {
     if (tabInfos[childId] !== hasInfo) {
-      setTabInfos({
-        ...tabInfos,
+      setTabInfos({ ...tabInfos,
         [childId]: hasInfo
       });
     }
@@ -88,41 +98,58 @@ const Tab = ({
     position: position
   }, (0, _tags.default)("tab", rest), rest), !href && children));
 };
-Tab.propTypes = {
-  ...paddingPropTypes,
+
+Tab.propTypes = { ...paddingPropTypes,
   title: _propTypes.default.string,
+
   /** A unique ID to identify this specific tab. */
   tabId: _propTypes.default.string.isRequired,
+
   /** @ignore @private */
   className: _propTypes.default.string,
+
   /** The child elements of Tab component. */
   children: _propTypes.default.node,
+
   /** Overrides Title default layout with a one defined in this prop */
   customLayout: _propTypes.default.node,
+
   /** @ignore @private Boolean indicating selected state of Tab. */
   isTabSelected: _propTypes.default.bool,
+
   /** The position of the Tab. */
   position: _propTypes.default.oneOf(["top", "left"]),
+
   /** @ignore @private */
   role: _propTypes.default.string,
+
   /** @ignore @private */
   ariaLabelledby: _propTypes.default.string,
+
   /** @ignore @private */
   updateErrors: _propTypes.default.func,
+
   /** @ignore @private */
   updateWarnings: _propTypes.default.func,
+
   /** @ignore @private */
   updateInfos: _propTypes.default.func,
+
   /** Message displayed when Tab has error */
   errorMessage: _propTypes.default.string,
+
   /** Message displayed when Tab has warning */
   warningMessage: _propTypes.default.string,
+
   /** Message displayed when Tab has warning */
   infoMessage: _propTypes.default.string,
+
   /** Additional content to display with title */
   siblings: _propTypes.default.arrayOf(_propTypes.default.node),
+
   /** Position title before or after siblings */
   titlePosition: _propTypes.default.oneOf(["before", "after"]),
+
   /** Allows Tab to be a link */
   href: _propTypes.default.string
 };

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

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _styledSystem = require("styled-system");
+
 var _base = _interopRequireDefault(require("../../../style/themes/base"));
+
 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 StyledTab = _styledComponents.default.div`
   display: none;