carbon-react 111.22.1 → 111.22.3

package/lib/components/accordion/accordion-group/accordion-group.component.js

@@ -281,5 +281,6 @@ AccordionGroup.propTypes = {
     "valueOf": _propTypes.default.func.isRequired
   }), _propTypes.default.string])
 };
+AccordionGroup.displayName = "AccordionGroup";
 var _default = AccordionGroup;
 exports.default = _default;

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

@@ -4,6 +4,7 @@ import { StyledAccordionContainerProps } from "./accordion.style";
 export interface AccordionProps extends StyledAccordionContainerProps, SpaceProps {
     /** Width of the buttonHeading when it's set, defaults to 150px */
     buttonWidth?: number;
+    /** Content of the Accordion component */
     children?: React.ReactNode;
     /** Set the default state of expansion of the Accordion if component is meant to be used as uncontrolled */
     defaultExpanded?: boolean;

package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonTypes } from "../../button/button.component";
+import { ButtonIconPosition, ButtonTypes, SizeOptions } from "../../button/button.component";
 import { IconType } from "../../icon";
 export declare type ActionPopoverMenuButtonAria = {
     "aria-haspopup": string;
@@ -8,14 +8,25 @@ export declare type ActionPopoverMenuButtonAria = {
     "aria-expanded": string;
 };
 export interface ActionPopoverMenuButtonProps {
-    children?: string;
+    /** ARIA attributes to be applied to the button HTML element */
+    ariaAttributes: ActionPopoverMenuButtonAria;
+    /** Variant of the menu button */
     buttonType?: ButtonTypes;
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-element": string;
+    /** Content of the button */
+    children?: string;
+    /** Defines an Icon position related to the children: "before" | "after" */
+    iconPosition?: ButtonIconPosition;
+    /** Defines an Icon type within the button */
     iconType?: IconType;
-    iconPosition?: "after" | "before";
-    size?: "small" | "medium" | "large";
+    /** Assigns a size to the button: "small" | "medium" | "large" */
+    size?: SizeOptions;
+    /** Overrides the default tabindex of the component */
     tabIndex: number;
-    ariaAttributes: ActionPopoverMenuButtonAria;
-    "data-element": string;
 }
-declare const ActionPopoverMenuButton: ({ buttonType, iconType, iconPosition, size, children, ...props }: ActionPopoverMenuButtonProps) => JSX.Element;
+export declare const ActionPopoverMenuButton: {
+    ({ buttonType, iconType, iconPosition, size, children, ...props }: ActionPopoverMenuButtonProps): JSX.Element;
+    displayName: string;
+};
 export default ActionPopoverMenuButton;

package/lib/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.ActionPopoverMenuButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -31,6 +31,7 @@ const ActionPopoverMenuButton = ({
   size: size
 }, props), children));
 
+exports.ActionPopoverMenuButton = ActionPopoverMenuButton;
 ActionPopoverMenuButton.propTypes = {
   "ariaAttributes": _propTypes.default.shape({
     "aria-controls": _propTypes.default.string.isRequired,
@@ -46,5 +47,6 @@ ActionPopoverMenuButton.propTypes = {
   "size": _propTypes.default.oneOf(["large", "medium", "small"]),
   "tabIndex": _propTypes.default.number.isRequired
 };
+ActionPopoverMenuButton.displayName = "ActionPopoverMenuButton";
 var _default = ActionPopoverMenuButton;
 exports.default = _default;

package/lib/components/advanced-color-picker/advanced-color-picker.style.js

@@ -19,7 +19,7 @@ var _advancedColorPickerCell = _interopRequireDefault(require("./advanced-color-
 
 var _simpleColorPicker = require("../simple-color-picker/simple-color-picker.style");
 
-var _simpleColor = _interopRequireDefault(require("../simple-color-picker/simple-color/simple-color.style"));
+var _simpleColor = require("../simple-color-picker/simple-color/simple-color.style");
 
 var _dialog = require("../dialog/dialog.style");
 
@@ -27,7 +27,7 @@ var _dialog2 = _interopRequireDefault(require("../dialog/dialog.component"));
 
 var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
 
-var _checkerBoard = _interopRequireDefault(require("../simple-color-picker/color-sample-box/checker-board.svg"));
+var _checkerBoard = _interopRequireDefault(require("../simple-color-picker/simple-color/checker-board.svg"));
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
 
@@ -81,7 +81,7 @@ const DialogStyle = (0, _styledComponents.default)(_dialog2.default)`
 
   ${_simpleColorPicker.StyledColorOptions} {
     max-width: 285px;
-    ${_simpleColor.default} {
+    ${_simpleColor.StyledSimpleColor} {
       border: 1px solid var(--colorsUtilityYin090);
       margin-right: -1px;
       margin-bottom: -1px;

package/lib/components/button-bar/button-bar.component.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
 export interface ButtonBarProps extends SpaceProps {
+    /** Button or IconButton Elements, to be rendered inside the component */
     children: React.ReactNode;
     /** Apply fullWidth style to the button bar */
     fullWidth?: boolean;
@@ -9,5 +10,8 @@ export interface ButtonBarProps extends SpaceProps {
     /** Assigns a size to the buttons: "small" | "medium" | "large" */
     size?: "small" | "medium" | "large";
 }
-declare const ButtonBar: ({ children, size, iconPosition, fullWidth, ...rest }: ButtonBarProps) => JSX.Element;
+export declare const ButtonBar: {
+    ({ children, size, iconPosition, fullWidth, ...rest }: ButtonBarProps): JSX.Element;
+    displayName: string;
+};
 export default ButtonBar;

package/lib/components/button-bar/button-bar.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.ButtonBar = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -64,6 +64,7 @@ const ButtonBar = ({
   }), _react.default.Children.map(children, child => /*#__PURE__*/_react.default.createElement(child.type, getBtnProps(child))));
 };
 
+exports.ButtonBar = ButtonBar;
 ButtonBar.propTypes = {
   "children": _propTypes.default.node,
   "fullWidth": _propTypes.default.bool,
@@ -378,5 +379,6 @@ ButtonBar.propTypes = {
   }), _propTypes.default.string]),
   "size": _propTypes.default.oneOf(["large", "medium", "small"])
 };
+ButtonBar.displayName = "ButtonBar";
 var _default = ButtonBar;
 exports.default = _default;

package/lib/components/button-bar/button-bar.config.d.ts

@@ -1,2 +1,2 @@
-export declare const BUTTON_BAR_SIZES: string[];
-export declare const BUTTON_BAR_ICON_POSITIONS: string[];
+export declare const BUTTON_BAR_SIZES: readonly ["small", "medium", "large"];
+export declare const BUTTON_BAR_ICON_POSITIONS: readonly ["before", "after"];

package/lib/components/carousel/slide/slide.component.d.ts

@@ -1,7 +1,12 @@
 import React from "react";
 export interface SlideProps {
+    /** Content of the Slide */
     children?: React.ReactNode;
+    /** Accepts a callback function which is triggered on Slide click */
     onClick?: (ev: React.MouseEvent<HTMLDivElement>) => void;
 }
-declare const Slide: (props: SlideProps) => JSX.Element;
+export declare const Slide: {
+    (props: SlideProps): JSX.Element;
+    displayName: string;
+};
 export default Slide;

package/lib/components/carousel/slide/slide.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.Slide = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -19,9 +19,11 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 const Slide = props => /*#__PURE__*/_react.default.createElement(_slide.SlideStyle, _extends({}, props, (0, _tags.default)("slide", props)));
 
+exports.Slide = Slide;
 Slide.propTypes = {
   "children": _propTypes.default.node,
   "onClick": _propTypes.default.func
 };
+Slide.displayName = "Slide";
 var _default = Slide;
 exports.default = _default;

package/lib/components/duelling-picklist/duelling-picklist.component.js

@@ -81,6 +81,11 @@ const DuellingPicklist = ({
 };
 
 DuellingPicklist.propTypes = { ...marginPropTypes,
+
+  /**
+   * Content of the component, should contain two Picklist children
+   * and a PicklistDivider
+   */
   children: (props, propName) => {
     const prop = props[propName];
     let error;

package/lib/components/duelling-picklist/duelling-picklist.d.ts

@@ -2,6 +2,10 @@ import * as React from "react";
 import { MarginProps } from "styled-system";
 
 export interface DuellingPicklistProps extends MarginProps {
+  /**
+   * Content of the component, should contain two Picklist children
+   * and a PicklistDivider
+   */
   children?: React.ReactNode;
   /** Indicate if component is disabled */
   disabled?: boolean;

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

@@ -7,5 +7,8 @@ export interface FieldsetProps extends StyledFieldsetProps, MarginProps {
     /** The text for the fieldsets legend element. */
     legend?: string;
 }
-declare const Fieldset: ({ children, inline, legend, ...rest }: FieldsetProps) => JSX.Element;
+export declare const Fieldset: {
+    ({ children, inline, legend, ...rest }: FieldsetProps): JSX.Element;
+    displayName: string;
+};
 export default Fieldset;

package/lib/components/fieldset/fieldset.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.Fieldset = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -49,6 +49,7 @@ const Fieldset = ({
   }, getLegend(), children)));
 };
 
+exports.Fieldset = Fieldset;
 Fieldset.propTypes = {
   "children": _propTypes.default.node,
   "inline": _propTypes.default.bool,
@@ -208,5 +209,6 @@ Fieldset.propTypes = {
     "valueOf": _propTypes.default.func.isRequired
   }), _propTypes.default.string])
 };
+Fieldset.displayName = "Fieldset";
 var _default = Fieldset;
 exports.default = _default;

package/lib/components/flat-table/flat-table-cell/flat-table-cell.component.js

@@ -84,6 +84,8 @@ FlatTableCell.propTypes = {
 
   /** Content alignment */
   align: _propTypes.default.oneOf(["center", "left", "right"]),
+
+  /** Cell content */
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
 
   /** Number of columns that a cell should span */

package/lib/components/flat-table/flat-table-cell/flat-table-cell.d.ts

@@ -5,6 +5,7 @@ import { TableBorderSize } from "..";
 export interface FlatTableCellProps extends PaddingProps {
   /** Content alignment */
   align?: "left" | "center" | "right";
+  /** Cell content */
   children?: React.ReactNode | string;
   /** Number of columns that a cell should span */
   colspan?: number | string;

package/lib/components/flat-table/flat-table-header/flat-table-header.component.js

@@ -73,6 +73,8 @@ FlatTableHeader.propTypes = {
 
   /** Content alignment */
   align: _propTypes.default.oneOf(["center", "left", "right"]),
+
+  /** Header content */
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
 
   /** Number of columns that a header cell should span */

package/lib/components/flat-table/flat-table-header/flat-table-header.d.ts

@@ -8,6 +8,7 @@ export interface FlatTableHeaderProps extends PaddingProps {
   align?: "left" | "center" | "right";
   /** If true sets alternative background color */
   alternativeBgColor?: boolean;
+  /** Header content */
   children?: React.ReactNode | string;
   /** Number of columns that a header cell should span */
   colspan?: number | string;

package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.component.js

@@ -79,6 +79,8 @@ FlatTableRowHeader.propTypes = {
 
   /** Content alignment */
   align: _propTypes.default.oneOf(["center", "left", "right"]),
+
+  /** RowHeader content */
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
 
   /** Column width, pass a number to set a fixed width in pixels */

package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.d.ts

@@ -5,6 +5,7 @@ import { TableBorderSize } from "..";
 export interface FlatTableRowHeaderProps extends PaddingProps {
   /** Content alignment */
   align?: string;
+  /** RowHeader content */
   children?: React.ReactNode | string;
   /** Column width, pass a number to set a fixed width in pixels */
   width?: number;

package/lib/components/menu/menu-full-screen/menu-full-screen.component.js

@@ -105,13 +105,14 @@ const MenuFullscreen = ({
     flexDirection: "column",
     role: "list",
     inFullscreenView: true
-  }, _react.default.Children.map(children, (child, index) => /*#__PURE__*/_react.default.createElement(_menu2.default.Provider, {
+  }, /*#__PURE__*/_react.default.createElement(_menu2.default.Provider, {
     value: {
       inFullscreenView: true,
       menuType,
-      inMenu: true
+      inMenu: true,
+      setOpenSubmenuIndex: () => {}
     }
-  }, child, index < _react.default.Children.count(children) - 1 && /*#__PURE__*/_react.default.createElement(_menuDivider.default, null)))))))));
+  }, _react.default.Children.map(children, (child, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, index < _react.default.Children.count(children) - 1 && /*#__PURE__*/_react.default.createElement(_menuDivider.default, null))))))))));
 };
 
 MenuFullscreen.propTypes = {

package/lib/components/navigation-bar/navigation-bar.component.d.ts

@@ -4,7 +4,9 @@ export declare type Position = "sticky" | "fixed";
 export declare type Orientation = "top" | "bottom";
 export declare type NavigationType = "light" | "dark" | "white" | "black";
 export interface NavigationBarProps extends PaddingProps, FlexboxProps {
+    /** Content of the component */
     children?: React.ReactNode;
+    /** HTML aria-label attribute */
     ariaLabel?: string;
     /** Color scheme of navigation component */
     navigationType?: NavigationType;

package/lib/components/number/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./number";
+export { default } from "./number.component";
+export type { NumberProps } from "./number.component";

package/lib/components/number/index.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _number.default;
+  }
+});
 
 var _number = _interopRequireDefault(require("./number.component"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _number.default;
-exports.default = _default;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextboxProps } from "../textbox";
+export interface NumberProps extends Omit<TextboxProps, "value"> {
+    /** Value passed to the input */
+    value?: string;
+}
+export declare const Number: ({ onChange, onKeyDown, value, ...rest }: NumberProps) => JSX.Element;
+export default Number;