carbon-react 116.1.2 → 116.1.3

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

@@ -7,8 +7,6 @@ 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"));
@@ -24,7 +22,7 @@ const StyledTab = _styledComponents.default.div`
 
   ${({
   isTabSelected,
-  position
+  position = "top"
 }) => isTabSelected && (0, _styledComponents.css)`
       display: block;
 
@@ -36,11 +34,7 @@ const StyledTab = _styledComponents.default.div`
     `}
 `;
 StyledTab.defaultProps = {
-  position: "top",
   theme: _base.default
 };
-StyledTab.propTypes = {
-  position: _propTypes.default.oneOf(["top", "left"])
-};
 var _default = StyledTab;
 exports.default = _default;

package/lib/components/tabs/tabs.component.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import Tab from "./tab";
+export interface TabsProps extends MarginProps {
+    /** @ignore @private */
+    className?: string;
+    /** Prevent rendering of hidden tabs, by default this is set to true and therefore all tabs will be rendered */
+    renderHiddenTabs?: boolean;
+    /** Allows manual control over the currently selected tab. */
+    selectedTabId?: string;
+    /** The child elements of Tabs need to be Tab components. */
+    children: React.ReactNode;
+    /** Sets the alignment of the tab titles. Possible values include. */
+    align?: "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?: (tabId: string) => void;
+    /** The position of the tab title. */
+    position?: "top" | "left";
+    /** Sets size of the tab titles. */
+    size?: "default" | "large";
+    /** Sets the divider of the tab titles header to extend the full width of the parent. */
+    extendedLine?: boolean;
+    /** Adds a combination of borders to the tab titles. */
+    borders?: "off" | "on" | "no left side" | "no right side" | "no sides";
+    /** Adds an alternate styling variant to the tab titles. */
+    variant?: "default" | "alternate";
+    /** sets width to the tab headers. Can be any valid CSS string.
+     * The headerWidth prop works only for `position="left"`
+     */
+    headerWidth?: string;
+    /** 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?: {
+        [id: string]: {
+            error?: boolean;
+            warning?: boolean;
+            info?: boolean;
+        };
+    };
+    /** When this prop is set any string validation failures in the children of each Tab
+     * will be summaraised in the Tooltip next to the Tab title
+     */
+    showValidationsSummary?: boolean;
+}
+declare const Tabs: ({ align, className, children, onTabChange, selectedTabId, renderHiddenTabs, position, extendedLine, size, borders, variant, validationStatusOverride, headerWidth, showValidationsSummary, ...rest }: TabsProps) => JSX.Element;
+export { Tabs, Tab };

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

@@ -15,8 +15,6 @@ 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"));
@@ -31,8 +29,6 @@ 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; }
@@ -41,8 +37,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return 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 marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const Tabs = ({
   align = "left",
   className,
@@ -60,7 +54,13 @@ const Tabs = ({
   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");
+  }
   /** 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 */
 
@@ -114,7 +114,12 @@ const Tabs = ({
     }
   }, [onTabChange, isTabSelected, hasTabStop]);
   const blurPreviousSelectedTab = (0, _react.useCallback)(() => {
-    const previousTabIndex = tabIds.indexOf(previousSelectedTabId.current);
+    const {
+      current
+    } = previousSelectedTabId;
+    const previousTabIndex = current ? tabIds.indexOf(current) :
+    /* istanbul ignore next */
+    -1;
     /* istanbul ignore else */
 
     if (previousTabIndex !== -1) {
@@ -149,7 +154,11 @@ const Tabs = ({
   /** Focuses the tab for the reference specified */
 
 
-  const focusTab = ref => ref.current.focus();
+  const focusTab = ref => {
+    var _ref$current;
+
+    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
+  };
   /** Will trigger the tab at the given index. */
 
 
@@ -245,7 +254,7 @@ const Tabs = ({
         onClick: handleTabClick,
         onKeyDown: handleKeyDown(index),
         ref: tabRefs[index],
-        tabIndex: isTabSelected(tabId) || hasTabStop(tabId) ? "0" : "-1",
+        tabIndex: isTabSelected(tabId) || hasTabStop(tabId) ? 0 : -1,
         title: title,
         href: href,
         isTabSelected: isTabSelected(tabId),
@@ -313,9 +322,7 @@ const Tabs = ({
 
   return /*#__PURE__*/_react.default.createElement(_tabs.default, _extends({
     className: className,
-    position: isInSidebar ? "left" : position,
-    updateErrors: updateErrors,
-    updateWarnings: updateWarnings
+    position: isInSidebar ? "left" : position
   }, (0, _tags.default)("tabs", rest), {
     isInSidebar: isInSidebar,
     headerWidth: headerWidth
@@ -323,65 +330,173 @@ const Tabs = ({
 };
 
 exports.Tabs = Tabs;
-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"`
-   */
-  headerWidth: (props, propName, componentName) => {
-    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({
-    id: _propTypes.default.shape({
-      error: _propTypes.default.bool,
-      warning: _propTypes.default.bool,
-      info: _propTypes.default.bool
-    })
-  }),
-
-  /** When this prop is set any string validation failures in the children of each Tab
-   * will be summaraised in the Tooltip next to the Tab title
-   */
-  showValidationsSummary: _propTypes.default.bool
+Tabs.propTypes = {
+  "align": _propTypes.default.oneOf(["left", "right"]),
+  "borders": _propTypes.default.oneOf(["no left side", "no right side", "no sides", "off", "on"]),
+  "children": _propTypes.default.node,
+  "className": _propTypes.default.string,
+  "extendedLine": _propTypes.default.bool,
+  "headerWidth": _propTypes.default.string,
+  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "onTabChange": _propTypes.default.func,
+  "position": _propTypes.default.oneOf(["left", "top"]),
+  "renderHiddenTabs": _propTypes.default.bool,
+  "selectedTabId": _propTypes.default.string,
+  "showValidationsSummary": _propTypes.default.bool,
+  "size": _propTypes.default.oneOf(["default", "large"]),
+  "validationStatusOverride": _propTypes.default.object,
+  "variant": _propTypes.default.oneOf(["alternate", "default"])
 };

package/lib/components/tabs/tabs.style.d.ts

@@ -1,2 +1,6 @@
+import { TabsProps } from ".";
+export interface StyledTabsProps extends Pick<TabsProps, "headerWidth" | "position"> {
+    isInSidebar?: boolean;
+}
+declare const StyledTabs: import("styled-components").StyledComponent<"div", any, StyledTabsProps, never>;
 export default StyledTabs;
-declare const StyledTabs: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -9,8 +9,6 @@ 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");
@@ -26,7 +24,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 const StyledTabs = _styledComponents.default.div`
   ${({
   position,
-  inSidebar,
+  isInSidebar,
   headerWidth
 }) => (0, _styledComponents.css)`
     color: var(--colorsActionMinorYin090);
@@ -42,7 +40,7 @@ const StyledTabs = _styledComponents.default.div`
         }
       `}
 
-      ${!inSidebar && (0, _styledComponents.css)`
+      ${!isInSidebar && (0, _styledComponents.css)`
         display: flex;
       `}
 
@@ -53,12 +51,7 @@ const StyledTabs = _styledComponents.default.div`
   ${_styledSystem.margin}
 `;
 StyledTabs.defaultProps = {
-  position: "top",
   theme: _base.default
 };
-StyledTabs.propTypes = {
-  position: _propTypes.default.oneOf(["top", "left"]),
-  hasCustomTarget: _propTypes.default.bool
-};
 var _default = StyledTabs;
 exports.default = _default;

package/lib/components/textbox/textbox.component.d.ts

@@ -25,7 +25,7 @@ export interface CommonTextboxProps extends ValidationProps, MarginProps, Omit<C
     formattedValue?: string;
     /**
      * Unique identifier for the input.
-     * Label id will be based on it, using following pattern: <id>-label.
+     * Label id will be based on it, using following pattern: [id]-label.
      * Will use a randomly generated GUID if none is provided.
      */
     id?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "116.1.2",
+  "version": "116.1.3",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",

package/esm/components/detail/detail.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-
-export interface DetailProps {
-  /** Custom className */
-  className?: string;
-  /** The type of icon to use. */
-  icon?: string;
-  /** A small detail to display under the main content. */
-  footnote?: string;
-  /** The rendered children of the component. */
-  children?: React.ReactNode;
-}
-
-declare class Detail extends React.Component<DetailProps> {}
-
-export default Detail;

package/esm/components/tabs/__internal__/tab-title/tab-title.d.ts

@@ -1,47 +0,0 @@
-import * as React from "react";
-
-export interface TabTitleContextProps {
-  isInTab?: boolean;
-}
-
-export interface TabTitleProps {
-  /** Identifier used for testing purposes */
-  "data-role"?: string;
-  title: string;
-  id?: string;
-  dataTabId?: string;
-  className?: string;
-  children?: React.ReactNode;
-  isTabSelected?: boolean;
-  position?: "top" | "left";
-  errorMessage?: string;
-  warningMessage?: string;
-  infoMessage?: string;
-  errors?: boolean;
-  warning?: boolean;
-  info?: boolean;
-  borders?: boolean;
-  noLeftBorder?: boolean;
-  noRightBorder?: boolean;
-  alternateStyling?: boolean;
-  isInSidebar?: boolean;
-  siblings?: React.ReactNode[];
-  titlePosition?: "before" | "after";
-  href?: string;
-  tabIndex?: string;
-  size?: "default" | "large";
-  align?: "left" | "right";
-  customLayout?: React.ReactNode;
-  onClick?: (
-    ev: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>
-  ) => void;
-  onKeyDown?: (
-    ev: React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>
-  ) => void;
-}
-
-declare const TabTitleContext: React.Context<TabTitleContextProps>;
-declare function TabTitle(props: TabTitleProps): JSX.Element;
-
-export { TabTitleContext };
-export default TabTitle;

package/esm/components/tabs/__internal__/tabs-header/tab-header.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-
-export interface TabHeaderProps {
-  role?: string;
-  position?: "top" | "left";
-  extendedLine?: boolean;
-  noRightBorder?: boolean;
-  alternateStyling?: boolean;
-  isInSidebar?: boolean;
-  children: React.ReactNode;
-  align?: "left" | "right";
-}
-
-declare function TabHeader(props: TabHeaderProps): JSX.Element;
-
-export default TabHeader;

package/esm/components/tabs/tab/tab.d.ts

@@ -1,54 +0,0 @@
-import * as React from "react";
-import { PaddingProps } from "styled-system";
-
-export interface TabContextProps {
-  setError?: (childId: string, error?: boolean | string) => void;
-  setWarning?: (childId: string, warning?: boolean | string) => void;
-  setInfo?: (childId: string, info?: boolean | string) => void;
-}
-
-export interface TabProps extends PaddingProps {
-  title?: string;
-  /** A unique ID to identify this specific tab. */
-  tabId: string;
-  className?: string;
-  /** The child elements of Tab component. */
-  children?: React.ReactNode;
-  /** @ignore @private Boolean indicating selected state of Tab. */
-  isTabSelected?: boolean;
-  /** The position of the Tab. */
-  position?: "top" | "left";
-  /** Message displayed when Tab has error */
-  errorMessage?: string;
-  /** Message displayed when Tab has warning */
-  warningMessage?: string;
-  /** Message displayed when Tab has warning */
-  infoMessage?: string;
-  /** Additional content to display with title */
-  siblings?: React.ReactNode[];
-  /** Position title before or after siblings */
-  titlePosition?: "before" | "after";
-  /** Allows Tab to be a link */
-  href?: string;
-  /** Overrides default layout with a one defined in this prop */
-  customLayout?: React.ReactNode;
-  /** Additional props to be passed to the Tab's corresponding title. */
-  titleProps?: {
-    /** Identifier used for testing purposes */
-    "data-role"?: string;
-  };
-}
-
-export interface TabAllProps {
-  role?: string;
-  ariaLabelledby?: string;
-  updateErrors?: (id: string, hasError: boolean) => void;
-  updateWarnings?: (id: string, hasWarning: boolean) => void;
-  updateInfos?: (id: string, hasInfo: boolean) => void;
-}
-
-declare const TabContext: React.Context<TabContextProps>;
-declare function Tab(props: TabProps): JSX.Element;
-
-export { TabContext };
-export default Tab;

package/esm/components/tabs/tabs.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import Tab from "./tab";
-
-export interface TabsProps extends MarginProps {
-  className?: string;
-  /** Prevent rendering of hidden tabs, by default this is set to true and therefore all tabs will be rendered */
-  renderHiddenTabs?: boolean;
-  /** Allows manual control over the currently selected tab. */
-  selectedTabId?: string;
-  /** The child elements of Tabs need to be Tab components. */
-  children: React.ReactNode[] | React.ReactNode;
-  /** Sets the alignment of the tab titles. Possible values include. */
-  align?: "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?: (tabId: string) => void;
-  /** The position of the tab title. */
-  position?: "top" | "left";
-  /** Sets size of the tab titles. */
-  size?: "default" | "large";
-  /** Sets the divider of the tab titles header to extend the full width of the parent. */
-  extendedLine?: boolean;
-  /** Adds a combination of borders to the tab titles. */
-  borders?: "off" | "on" | "no left side" | "no right side" | "no sides";
-  /** Adds an alternate styling variant to the tab titles. */
-  variant?: "default" | "alternate";
-  /** sets width to the tab headers. Can be any valid CSS string.
-   * The headerWidth prop works only for `position="left"`
-   */
-  headerWidth?: string;
-  /** 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?: {
-    [id: string]: {
-      error?: boolean;
-      warning?: boolean;
-      info?: boolean;
-    };
-  };
-  /** When this prop is set any string validation failures in the children of each Tab
-   * will be summaraised in the Tooltip next to the Tab title
-   */
-  showValidationsSummary?: boolean;
-}
-
-declare function Tabs(props: TabsProps): JSX.Element;
-
-export { Tabs, Tab };