carbon-react 127.1.1 → 128.1.2

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

@@ -1,4 +1,4 @@
 export { default as DraggableContainer } from "./draggable-container.component";
 export type { DraggableContainerProps } from "./draggable-container.component";
-export { default as DraggableItem } from "./draggable-item.component";
-export type { DraggableItemProps } from "./draggable-item.component";
+export { default as DraggableItem } from "./draggable-item/draggable-item.component";
+export type { DraggableItemProps } from "./draggable-item/draggable-item.component";

package/lib/components/draggable/index.js

@@ -16,5 +16,5 @@ Object.defineProperty(exports, "DraggableItem", {
   }
 });
 var _draggableContainer = _interopRequireDefault(require("./draggable-container.component"));
-var _draggableItem = _interopRequireDefault(require("./draggable-item.component"));
+var _draggableItem = _interopRequireDefault(require("./draggable-item/draggable-item.component"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -10,8 +10,10 @@ var _duellingPicklist = require("../duelling-picklist.style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const PicklistPlaceholder = ({
   text
-}) => /*#__PURE__*/_react.default.createElement(_duellingPicklist.StyledPicklistPlaceholder, {
-  "data-element": "picklist-placeholder"
-}, text);
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_duellingPicklist.StyledPicklistPlaceholder, {
+    "data-element": "picklist-placeholder"
+  }, text);
+};
 exports.PicklistPlaceholder = PicklistPlaceholder;
 var _default = exports.default = PicklistPlaceholder;

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

@@ -23,9 +23,6 @@ export interface FlatTableHeaderProps extends PaddingProps {
 }
 export declare const FlatTableHeader: {
     ({ align, children, colspan, rowspan, width, py, px, id, ...rest }: FlatTableHeaderProps): React.JSX.Element;
-    defaultProps: {
-        align: string;
-    };
     displayName: string;
 };
 export default FlatTableHeader;

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

@@ -15,7 +15,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 FlatTableHeader = ({
-  align,
+  align = "left",
   children,
   colspan,
   rowspan,
@@ -57,8 +57,5 @@ const FlatTableHeader = ({
   }), /*#__PURE__*/_react.default.createElement("div", null, children));
 };
 exports.FlatTableHeader = FlatTableHeader;
-FlatTableHeader.defaultProps = {
-  align: "left"
-};
 FlatTableHeader.displayName = "FlatTableHeader";
 var _default = exports.default = FlatTableHeader;

package/lib/components/flat-table/sort/sort.component.d.ts

@@ -7,5 +7,5 @@ export interface SortProps {
     /** Sets the content of `FlatTableSortHeader` */
     children?: React.ReactNode;
 }
-declare const Sort: ({ children, onClick, sortType }: SortProps) => React.JSX.Element;
+export declare const Sort: ({ children, onClick, sortType }: SortProps) => React.JSX.Element;
 export default Sort;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.Sort = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
@@ -44,4 +44,5 @@ const Sort = ({
     iconColor: colorTheme === "dark" ? "--colorsActionMinorYang100" : "--colorActionMinor500"
   })), !sortType && /*#__PURE__*/_react.default.createElement(_sort.StyledSpaceHolder, null));
 };
+exports.Sort = Sort;
 var _default = exports.default = Sort;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MarginProps } from "styled-system";
 export interface HrProps extends MarginProps {
     /** Breakpoint for adaptive left and right margins (below the breakpoint they go to 0).

package/lib/components/link/link.component.js

@@ -8,7 +8,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _icon = _interopRequireDefault(require("../icon"));
 var _menu = _interopRequireDefault(require("../menu/menu.context"));
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 var _link = require("./link.style");
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
@@ -43,20 +42,6 @@ const Link = exports.Link = /*#__PURE__*/_react.default.forwardRef(({
   const {
     inMenu
   } = (0, _react.useContext)(_menu.default);
-  const handleOnKeyDown = ev => {
-    if (onKeyDown) {
-      onKeyDown(ev);
-    }
-
-    // return early if there is no onClick or there is a href prop
-    // or the event is not an enter key
-    if (href || !_events.default.isEnterKey(ev) && !_events.default.isSpaceKey(ev)) {
-      return;
-    }
-    if (onClick) {
-      onClick(ev);
-    }
-  };
   const renderLinkIcon = (currentAlignment = "left") => {
     const hasProperAlignment = icon && iconAlign === currentAlignment;
     return hasProperAlignment ? /*#__PURE__*/_react.default.createElement(_icon.default, {
@@ -75,7 +60,7 @@ const Link = exports.Link = /*#__PURE__*/_react.default.forwardRef(({
     }, {});
   }, [rest]);
   const componentProps = {
-    onKeyDown: handleOnKeyDown,
+    onKeyDown,
     onMouseDown,
     onClick,
     disabled,

package/lib/components/modal/__internal__/modal-manager.js

@@ -8,8 +8,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 let ModalManagerInstance = exports.ModalManagerInstance = /*#__PURE__*/function () {
   function ModalManagerInstance() {
     _classCallCheck(this, ModalManagerInstance);

package/lib/components/number/number.component.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _textbox = _interopRequireDefault(require("../textbox"));
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
+var _textbox2 = require("../textbox/textbox.component");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -24,6 +25,10 @@ const Number = exports.Number = /*#__PURE__*/_react.default.forwardRef(({
   onKeyDown,
   value,
   inputRef,
+  align = _textbox2.ALIGN_DEFAULT,
+  labelWidth = _textbox2.LABEL_WIDTH_DEFAULT,
+  size = _textbox2.SIZE_DEFAULT,
+  validationOnLabel = _textbox2.LABEL_VALIDATION_DEFAULT,
   ...rest
 }, ref) => {
   const selectionStart = (0, _react.useRef)(null);
@@ -56,7 +61,11 @@ const Number = exports.Number = /*#__PURE__*/_react.default.forwardRef(({
     onChange: handleOnChange,
     onKeyDown: handleKeyDown,
     ref: ref,
-    inputRef: inputRef
+    inputRef: inputRef,
+    align: align,
+    labelWidth: labelWidth,
+    size: size,
+    validationOnLabel: validationOnLabel
   }));
 });
 if (process.env.NODE_ENV !== "production") {

package/lib/components/pager/__internal__/pager-navigation.component.d.ts

@@ -16,7 +16,7 @@ export interface PagerNavigationProps {
     /** Callback function for last link */
     onLast?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** onPagination Callback triggered when a change is triggered */
-    onPagination: (pageSize: number, currentPage: number, origin: string) => void;
+    onPagination: (currentPage: number, pageSize: number, origin: string) => void;
     /** Should the `First` and `Last` navigation buttons be shown */
     showFirstAndLastButtons?: boolean;
     /** Should the `Next` and `Previous` navigation buttons be shown */

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

@@ -4,8 +4,8 @@ declare type PageSizeOption = {
     name: number;
 };
 export interface PagerProps {
-    /** Function called when pager changes (PageSize, Current Page) */
-    onPagination: (pageSize: number, currentPage: number, origin: string) => void;
+    /** Function called when pager changes (Current page, Page size, Origin component) */
+    onPagination: (currentPage: number, pageSize: number, origin: string) => void;
     /** Callback function for next link */
     onNext?: (ev: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** Callback function for first link */

package/lib/components/popover-container/popover-container.component.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { PaddingProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 export interface RenderOpenProps {
     tabIndex: number;
     isOpen?: boolean;
@@ -18,8 +19,9 @@ export interface RenderCloseProps {
     onClick: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => void;
     ref: React.RefObject<HTMLButtonElement>;
     "aria-label": string;
+    closeButtonDataProps?: Pick<TagProps, "data-role" | "data-element">;
 }
-export declare const renderClose: ({ "data-element": dataElement, tabIndex, onClick, ref, "aria-label": ariaLabel, }: RenderCloseProps) => React.JSX.Element;
+export declare const renderClose: ({ "data-element": dataElement, tabIndex, onClick, ref, "aria-label": ariaLabel, closeButtonDataProps, }: RenderCloseProps) => React.JSX.Element;
 export interface PopoverContainerProps extends PaddingProps {
     /** A function that will render the open component
      *
@@ -53,10 +55,12 @@ export interface PopoverContainerProps extends PaddingProps {
     openButtonAriaLabel?: string;
     /** Close button aria label */
     closeButtonAriaLabel?: string;
+    /** Data tag prop bag for close Button */
+    closeButtonDataProps?: Pick<TagProps, "data-role" | "data-element">;
     /** Container aria label */
     containerAriaLabel?: string;
     /** Disables the animation for the component */
     disableAnimation?: boolean;
 }
-export declare const PopoverContainer: ({ children, title, position, open, onOpen, onClose, renderOpenComponent, renderCloseComponent, shouldCoverButton, ariaDescribedBy, openButtonAriaLabel, closeButtonAriaLabel, containerAriaLabel, disableAnimation, ...rest }: PopoverContainerProps) => React.JSX.Element;
+export declare const PopoverContainer: ({ children, title, position, open, onOpen, onClose, renderOpenComponent, renderCloseComponent, shouldCoverButton, ariaDescribedBy, openButtonAriaLabel, closeButtonAriaLabel, containerAriaLabel, closeButtonDataProps, disableAnimation, ...rest }: PopoverContainerProps) => React.JSX.Element;
 export default PopoverContainer;

package/lib/components/popover-container/popover-container.component.js

@@ -19,6 +19,7 @@ var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/e
 var _focusTrap = _interopRequireDefault(require("../../__internal__/focus-trap"));
 var _modal = require("../modal");
 var _useFocusPortalContent = _interopRequireDefault(require("../../hooks/__internal__/useFocusPortalContent"));
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -52,14 +53,17 @@ const renderClose = ({
   tabIndex,
   onClick,
   ref,
-  "aria-label": ariaLabel
-}) => /*#__PURE__*/_react.default.createElement(_popoverContainer.PopoverContainerCloseIcon, {
-  "data-element": dataElement,
+  "aria-label": ariaLabel,
+  closeButtonDataProps
+}) => /*#__PURE__*/_react.default.createElement(_popoverContainer.PopoverContainerCloseIcon, _extends({
   tabIndex: tabIndex,
   onClick: onClick,
   ref: ref,
   "aria-label": ariaLabel
-}, /*#__PURE__*/_react.default.createElement(_icon.default, {
+}, (0, _tags.default)("close", {
+  "data-element": dataElement,
+  ...closeButtonDataProps
+})), /*#__PURE__*/_react.default.createElement(_icon.default, {
   type: "close"
 }));
 exports.renderClose = renderClose;
@@ -84,6 +88,7 @@ const PopoverContainer = ({
   openButtonAriaLabel,
   closeButtonAriaLabel = "close",
   containerAriaLabel,
+  closeButtonDataProps,
   disableAnimation = false,
   ...rest
 }) => {
@@ -150,7 +155,8 @@ const PopoverContainer = ({
     tabIndex: 0,
     onClick: handleCloseButtonClick,
     ref: closeButtonRef,
-    "aria-label": closeButtonAriaLabel
+    "aria-label": closeButtonAriaLabel,
+    closeButtonDataProps
   };
   const handleClickAway = e => {
     if (!isControlled) setIsOpenInternal(false);

package/lib/components/portal/portal.d.ts

@@ -19,5 +19,5 @@ export interface PortalProps {
      */
     inertOptOut?: boolean;
 }
-declare const Portal: ({ children, className, id, onReposition, inertOptOut, }: PortalProps) => React.JSX.Element;
+export declare const Portal: ({ children, className, id, onReposition, inertOptOut, }: PortalProps) => React.JSX.Element;
 export default Portal;

package/lib/components/portal/portal.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.PortalContext = void 0;
+exports.default = exports.PortalContext = exports.Portal = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -93,4 +93,5 @@ const Portal = ({
     "data-portal-entrance": uniqueId
   }, /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, portalContent), getPortalContainer()));
 };
+exports.Portal = Portal;
 var _default = exports.default = Portal;

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

@@ -4,6 +4,7 @@ import { PreviewPlaceholderProps } from "./__internal__/preview-placeholder.comp
 export interface PreviewProps extends Partial<Omit<PreviewPlaceholderProps, "index">>, MarginProps {
     /** Children content to render in the component. */
     children?: React.ReactNode;
+    /** Provides more control over when in a loading state. */
     loading?: boolean;
 }
 export declare const Preview: ({ children, loading, lines, ...props }: PreviewProps) => React.JSX.Element;

package/lib/components/radio-button/index.d.ts

@@ -1,4 +1,6 @@
 import RadioButton from "./radio-button.component";
-import RadioButtonGroup from "./radio-button-group.component";
+import RadioButtonGroup from "./radio-button-group/radio-button-group.component";
 export { RadioButton, RadioButtonGroup };
 export default RadioButton;
+export type { RadioButtonProps } from "./radio-button.component";
+export type { RadioButtonGroupProps } from "./radio-button-group/radio-button-group.component";

package/lib/components/radio-button/index.js

@@ -17,6 +17,6 @@ Object.defineProperty(exports, "RadioButtonGroup", {
 });
 exports.default = void 0;
 var _radioButton = _interopRequireDefault(require("./radio-button.component"));
-var _radioButtonGroup = _interopRequireDefault(require("./radio-button-group.component"));
+var _radioButtonGroup = _interopRequireDefault(require("./radio-button-group/radio-button-group.component"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = _radioButton.default;

package/lib/components/radio-button/{radio-button-group.component.d.ts → radio-button-group/radio-button-group.component.d.ts}

@@ -1,6 +1,6 @@
 import React from "react";
 import { MarginProps } from "styled-system";
-import { ValidationProps } from "../../__internal__/validations";
+import { ValidationProps } from "../../../__internal__/validations";
 export interface RadioButtonGroupProps extends ValidationProps, MarginProps {
     /** Breakpoint for adaptive legend (inline labels change to top aligned). Enables the adaptive behaviour when set */
     adaptiveLegendBreakpoint?: number;

package/lib/components/radio-button/{radio-button-group.component.js → radio-button-group/radio-button-group.component.js}

@@ -6,18 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.RadioButtonGroup = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _fieldset = _interopRequireDefault(require("../../__internal__/fieldset"));
-var _radioButtonGroup = _interopRequireWildcard(require("./radio-button-group.style"));
-var _radioButtonMapper = _interopRequireDefault(require("../../__internal__/radio-button-mapper/radio-button-mapper.component"));
-var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__internal__/useIsAboveBreakpoint"));
-var _utils = require("../../style/utils");
-var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-var _carbonProvider = require("../carbon-provider/carbon-provider.component");
-var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message/validation-message.component"));
-var _box = _interopRequireDefault(require("../../components/box"));
-var _textbox = require("../../components/textbox/textbox.style");
+var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
+var _fieldset = _interopRequireDefault(require("../../../__internal__/fieldset"));
+var _radioButtonGroup = _interopRequireWildcard(require("../radio-button-group/radio-button-group.style"));
+var _radioButtonMapper = _interopRequireDefault(require("../../../__internal__/radio-button-mapper/radio-button-mapper.component"));
+var _useIsAboveBreakpoint = _interopRequireDefault(require("../../../hooks/__internal__/useIsAboveBreakpoint"));
+var _utils = require("../../../style/utils");
+var _tooltipProvider = require("../../../__internal__/tooltip-provider");
+var _logger = _interopRequireDefault(require("../../../__internal__/utils/logger"));
+var _carbonProvider = require("../../carbon-provider/carbon-provider.component");
+var _validationMessage = _interopRequireDefault(require("../../../__internal__/validation-message/validation-message.component"));
+var _box = _interopRequireDefault(require("../../box"));
+var _textbox = require("../../textbox/textbox.style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/lib/components/select/filterable-select/filterable-select.component.d.ts

@@ -17,8 +17,6 @@ export interface FilterableSelectProps extends Omit<FormInputPropTypes, "default
     children: React.ReactNode;
     /** The default selected value(s), when the component is operating in uncontrolled mode */
     defaultValue?: string | Record<string, unknown>;
-    /** Boolean to toggle where SelectList is rendered in relation to the Select Input */
-    disablePortal?: boolean;
     /** If true the loader animation is displayed in the option list */
     isLoading?: boolean;
     /** True for default text button or a Button Component to be rendered */

package/lib/components/select/filterable-select/filterable-select.component.js

@@ -44,7 +44,6 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
   onBlur,
   openOnFocus,
   noResultsMessage,
-  disablePortal,
   listActionButton,
   listMaxHeight,
   onListAction,
@@ -421,7 +420,6 @@ const FilterableSelect = exports.FilterableSelect = /*#__PURE__*/_react.default.
     filterText: filterText.trim(),
     highlightedValue,
     noResultsMessage,
-    disablePortal,
     listActionButton,
     listMaxHeight,
     onListAction: handleOnListAction,
@@ -546,7 +544,6 @@ if (process.env.NODE_ENV !== "production") {
     "dir": _propTypes.default.string,
     "disabled": _propTypes.default.bool,
     "disableDefaultFiltering": _propTypes.default.bool,
-    "disablePortal": _propTypes.default.bool,
     "draggable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
     "enableVirtualScroll": _propTypes.default.bool,
     "enterKeyHint": _propTypes.default.oneOf(["done", "enter", "go", "next", "previous", "search", "send"]),

package/lib/components/select/multi-select/multi-select.component.d.ts

@@ -18,8 +18,6 @@ export interface MultiSelectProps extends Omit<FormInputPropTypes, "defaultValue
     children: React.ReactNode;
     /** The default selected value(s), when the component is operating in uncontrolled mode */
     defaultValue?: string[] | Record<string, unknown>[];
-    /** Boolean to toggle where SelectList is rendered in relation to the Select Input */
-    disablePortal?: boolean;
     /** If true the loader animation is displayed in the option list */
     isLoading?: boolean;
     /** When true component will work in multi column mode.

package/lib/components/select/multi-select/multi-select.component.js

@@ -49,7 +49,6 @@ const MultiSelect = exports.MultiSelect = /*#__PURE__*/_react.default.forwardRef
   openOnFocus = false,
   noResultsMessage,
   placeholder,
-  disablePortal,
   isLoading,
   tableHeader,
   multiColumn,
@@ -429,7 +428,6 @@ const MultiSelect = exports.MultiSelect = /*#__PURE__*/_react.default.forwardRef
     filterText: filterText.trim(),
     highlightedValue: highlightedValue,
     noResultsMessage: noResultsMessage,
-    disablePortal: disablePortal,
     isLoading: isLoading,
     tableHeader: tableHeader,
     multiColumn: multiColumn,
@@ -555,7 +553,6 @@ if (process.env.NODE_ENV !== "production") {
     "deferTimeout": _propTypes.default.number,
     "dir": _propTypes.default.string,
     "disabled": _propTypes.default.bool,
-    "disablePortal": _propTypes.default.bool,
     "draggable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
     "enableVirtualScroll": _propTypes.default.bool,
     "enterKeyHint": _propTypes.default.oneOf(["done", "enter", "go", "next", "previous", "search", "send"]),

package/lib/components/select/select-list/select-list.component.d.ts

@@ -7,8 +7,6 @@ export interface SelectListProps {
     labelId?: string;
     /** Child components (such as <Option>) */
     children?: React.ReactNode;
-    /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */
-    disablePortal?: boolean;
     /** DOM element to position the dropdown menu list relative to */
     anchorElement?: HTMLElement;
     /** A callback for when a child is selected */

package/lib/components/select/select-list/select-list.component.js

@@ -42,7 +42,6 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
   filterText,
   anchorElement,
   highlightedValue,
-  disablePortal,
   onListAction,
   isLoading,
   onListScrollBottom,
@@ -404,7 +403,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     }
   }, /*#__PURE__*/_react.default.createElement(_popover.default, {
     placement: listPlacement,
-    disablePortal: disablePortal,
+    disablePortal: true,
     reference: anchorRef,
     middleware: popoverMiddleware,
     isOpen: isOpen,
@@ -441,7 +440,6 @@ if (process.env.NODE_ENV !== "production") {
       }
     },
     "children": _propTypes.default.node,
-    "disablePortal": _propTypes.default.bool,
     "enableVirtualScroll": _propTypes.default.bool,
     "filterText": _propTypes.default.string,
     "flipEnabled": _propTypes.default.bool,

package/lib/components/select/simple-select/simple-select.component.d.ts

@@ -26,8 +26,6 @@ export interface SimpleSelectProps extends Omit<FormInputPropTypes, "defaultValu
     children: React.ReactNode;
     /** The default selected value(s), when the component is operating in uncontrolled mode */
     defaultValue?: string | Record<string, unknown>;
-    /** Boolean to toggle where SelectList is rendered in relation to the Select Input */
-    disablePortal?: boolean;
     /** If true the loader animation is displayed in the option list */
     isLoading?: boolean;
     /** When true component will work in multi column mode.

package/lib/components/select/simple-select/simple-select.component.js

@@ -43,7 +43,6 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
   onFocus,
   onKeyDown,
   onBlur,
-  disablePortal = false,
   isLoading,
   listMaxHeight,
   onListScrollBottom,
@@ -338,7 +337,6 @@ const SimpleSelect = exports.SimpleSelect = /*#__PURE__*/_react.default.forwardR
     onMouseDown: handleListMouseDown,
     onSelectListClose: onSelectListClose,
     highlightedValue: selectedValue,
-    disablePortal: disablePortal,
     listMaxHeight: listMaxHeight,
     isLoading: isLoading,
     onListScrollBottom: onListScrollBottom,
@@ -457,7 +455,6 @@ if (process.env.NODE_ENV !== "production") {
     "deferTimeout": _propTypes.default.number,
     "dir": _propTypes.default.string,
     "disabled": _propTypes.default.bool,
-    "disablePortal": _propTypes.default.bool,
     "draggable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
     "enableVirtualScroll": _propTypes.default.bool,
     "enterKeyHint": _propTypes.default.oneOf(["done", "enter", "go", "next", "previous", "search", "send"]),

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

@@ -3,6 +3,10 @@ import { MarginProps } from "styled-system";
 import { CommonInputProps } from "../../__internal__/input";
 import { ValidationProps } from "../../__internal__/validations";
 import { IconType } from "../icon";
+export declare const ALIGN_DEFAULT = "left";
+export declare const SIZE_DEFAULT = "medium";
+export declare const LABEL_WIDTH_DEFAULT = 30;
+export declare const LABEL_VALIDATION_DEFAULT = false;
 export interface CommonTextboxProps extends ValidationProps, MarginProps, Omit<CommonInputProps, "size"> {
     /** Prop to specify the aria-labelledby property of the component */
     "aria-labelledby"?: string;

package/lib/components/textbox/textbox.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Textbox = void 0;
+exports.default = exports.Textbox = exports.SIZE_DEFAULT = exports.LABEL_WIDTH_DEFAULT = exports.LABEL_VALIDATION_DEFAULT = exports.ALIGN_DEFAULT = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../../style/utils");
@@ -27,11 +27,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 ALIGN_DEFAULT = exports.ALIGN_DEFAULT = "left";
+const SIZE_DEFAULT = exports.SIZE_DEFAULT = "medium";
+const LABEL_WIDTH_DEFAULT = exports.LABEL_WIDTH_DEFAULT = 30;
+const LABEL_VALIDATION_DEFAULT = exports.LABEL_VALIDATION_DEFAULT = false;
 let deprecateInputRefWarnTriggered = false;
 let deprecateUncontrolledWarnTriggered = false;
 const Textbox = exports.Textbox = /*#__PURE__*/_react.default.forwardRef(({
   "aria-labelledby": ariaLabelledBy,
-  align = "left",
+  align = ALIGN_DEFAULT,
   autoFocus,
   children,
   disabled,
@@ -51,7 +55,7 @@ const Textbox = exports.Textbox = /*#__PURE__*/_react.default.forwardRef(({
   info,
   name,
   reverse,
-  size = "medium",
+  size = SIZE_DEFAULT,
   value,
   readOnly,
   placeholder,
@@ -67,8 +71,8 @@ const Textbox = exports.Textbox = /*#__PURE__*/_react.default.forwardRef(({
   iconOnClick,
   iconOnMouseDown,
   iconTabIndex,
-  validationOnLabel = false,
-  labelWidth = 30,
+  validationOnLabel = LABEL_VALIDATION_DEFAULT,
+  labelWidth = LABEL_WIDTH_DEFAULT,
   inputWidth,
   maxWidth,
   prefix,

package/lib/components/tile/flex-tile-divider/flex-tile-divider.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const FlexTileDivider: () => JSX.Element;
 export default FlexTileDivider;

package/lib/components/tile-select/index.d.ts

@@ -1,4 +1,4 @@
 export { default as TileSelect } from "./tile-select.component";
 export type { TileSelectProps, TileSelectDeselectEvent, } from "./tile-select.component";
-export { default as TileSelectGroup } from "./tile-select-group.component";
-export type { TileSelectGroupProps } from "./tile-select-group.component";
+export { default as TileSelectGroup } from "./tile-select-group/tile-select-group.component";
+export type { TileSelectGroupProps } from "./tile-select-group/tile-select-group.component";

package/lib/components/tile-select/index.js

@@ -16,5 +16,5 @@ Object.defineProperty(exports, "TileSelectGroup", {
   }
 });
 var _tileSelect = _interopRequireDefault(require("./tile-select.component"));
-var _tileSelectGroup = _interopRequireDefault(require("./tile-select-group.component"));
+var _tileSelectGroup = _interopRequireDefault(require("./tile-select-group/tile-select-group.component"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/{esm/components/tile-select → lib/components/tile-select/tile-select-group}/tile-select-group.component.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { MarginProps } from "styled-system";
-import { TileSelectDeselectEvent } from "./tile-select.component";
+import { TileSelectDeselectEvent } from "../tile-select.component";
 export interface TileSelectGroupProps extends MarginProps {
     /** The TileSelect components to be rendered in the group */
     children: React.ReactNode;