carbon-react 111.12.3 → 111.12.5

package/esm/components/dialog-full-screen/dialog-full-screen.component.js

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useRef, useContext } from "react";
 import PropTypes from "prop-types";
 import createGuid from "../../__internal__/utils/helpers/guid";
@@ -13,6 +14,7 @@ import Icon from "../icon";
 import useLocale from "../../hooks/__internal__/useLocale";
 import useIsStickyFooterForm from "../../hooks/__internal__/useIsStickyFooterForm";
 import TopModalContext from "../carbon-provider/top-modal-context";
+
 const DialogFullScreen = ({
   "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
@@ -49,6 +51,7 @@ const DialogFullScreen = ({
   const {
     topModal
   } = useContext(TopModalContext);
+
   const closeIcon = () => {
     if (!showCloseIcon || !onCancel) return null;
     return /*#__PURE__*/React.createElement(IconButton, {
@@ -59,6 +62,7 @@ const DialogFullScreen = ({
       type: "close"
     }));
   };
+
   const dialogTitle = () => /*#__PURE__*/React.createElement(FullScreenHeading, {
     hasContent: !!title,
     ref: headingRef
@@ -71,6 +75,7 @@ const DialogFullScreen = ({
     divider: false,
     help: help
   }) : title, headerChildren);
+
   const ariaProps = {
     "aria-labelledby": title && typeof title === "string" ? titleId : ariaLabelledBy,
     "aria-describedby": subtitle ? subtitleId : ariaDescribedBy,
@@ -107,6 +112,7 @@ const DialogFullScreen = ({
     hasStickyFooter: hasStickyFooter
   }, children))));
 };
+
 DialogFullScreen.defaultProps = {
   showCloseIcon: true,
   disableAutoFocus: false
@@ -114,55 +120,74 @@ DialogFullScreen.defaultProps = {
 DialogFullScreen.propTypes = {
   /** Prop to specify the aria-describedby property of the DialogFullscreen component */
   "aria-describedby": PropTypes.string,
+
   /**
    * Prop to specify the aria-label of the DialogFullscreen component.
    * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
    */
   "aria-label": PropTypes.string,
+
   /**
    * Prop to specify the aria-labelledby property of the DialogFullscreen component
    * To be used when the title prop is a custom React Node,
    * or the component is labelled by an internal element other than the title.
    */
   "aria-labelledby": PropTypes.string,
+
   /** Controls the open state of the component */
   open: PropTypes.bool.isRequired,
+
   /** A custom close event handler */
   onCancel: PropTypes.func,
+
   /** Optional reference to an element meant to be focused on open */
   focusFirstElement: PropTypes.shape({
     current: PropTypes.any
   }),
+
   /** Disables auto focus functionality on child elements */
   disableAutoFocus: PropTypes.bool,
+
   /** Determines if the Esc Key closes the Dialog */
   disableEscKey: PropTypes.bool,
+
   /** Adds Help tooltip to Header */
   help: PropTypes.string,
+
   /** remove padding from content */
   disableContentPadding: PropTypes.bool,
+
   /** Child elements */
   children: PropTypes.node,
+
   /** Title displayed at top of dialog */
   title: PropTypes.node,
+
   /** Subtitle displayed at top of dialog */
   subtitle: PropTypes.string,
+
   /** Determines if the close icon is shown */
   showCloseIcon: PropTypes.bool,
+
   /** Container for components to be displayed in the header */
   headerChildren: PropTypes.node,
+
   /** For legacy styling when used with Pages component. Do not use this unless using Pages within a DialogFullScreen */
   pagesStyling: PropTypes.bool,
+
   /** Reference to the scrollable content element */
   contentRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
     current: PropTypes.instanceOf(Element)
   })]),
+
   /** The ARIA role to be applied to the DialogFullscreen container */
   role: PropTypes.string,
+
   /** an optional array of refs to containers whose content should also be reachable by tabbing from the dialog */
   focusableContainers: PropTypes.arrayOf(PropTypes.shape({
     current: PropTypes.any
   })),
+
   /** Optional selector to identify the focusable elements, if not provided a default selector is used */
   focusableSelectors: PropTypes.string
 };

package/esm/components/dismissible-box/dismissible-box.component.js

@@ -1,9 +1,11 @@
 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); }
+
 import React from "react";
 import PropTypes from "prop-types";
 import { StyledDismissibleBox } from "./dismissible-box.style";
 import IconButton from "../icon-button";
 import Icon from "../icon";
+
 const DismissibleBox = ({
   children,
   onClose,
@@ -21,6 +23,7 @@ const DismissibleBox = ({
   type: "close",
   color: "--colorsActionMinor500"
 }))));
+
 DismissibleBox.propTypes = {
   "alignContent": PropTypes.oneOfType([PropTypes.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset"]), PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset", null]), PropTypes.shape({
     "__@iterator": PropTypes.func.isRequired,

package/esm/components/draggable/draggable-container.component.js

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useEffect, useState, useRef } from "react";
 import { DndProvider, useDrop } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
@@ -8,6 +9,7 @@ import { filterStyledSystemMarginProps } from "../../style/utils";
 import DraggableItem from "./draggable-item.component";
 import { StyledIcon, StyledDraggableContainer } from "./draggable-item.style";
 const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes);
+
 const DropTarget = ({
   children,
   getOrder,
@@ -15,14 +17,17 @@ const DropTarget = ({
 }) => {
   const [, drop] = useDrop({
     accept: "draggableItem",
+
     drop() {
       getOrder();
     }
+
   });
   return /*#__PURE__*/React.createElement(StyledDraggableContainer, _extends({
     ref: drop
   }, rest), children);
 };
+
 const DraggableContainer = ({
   children,
   getOrder,
@@ -37,6 +42,7 @@ const DraggableContainer = ({
       isFirstRender.current = false;
     }
   }, [children]);
+
   const findItem = id => {
     const draggableItem = draggableItems.filter(item => {
       return `${item.props.id}` === id;
@@ -46,6 +52,7 @@ const DraggableContainer = ({
       index: draggableItems.indexOf(draggableItem)
     };
   };
+
   const moveItem = (id, atIndex) => {
     const {
       draggableItem,
@@ -57,13 +64,16 @@ const DraggableContainer = ({
     copyOfDraggableItems.splice(atIndex, 0, draggableItem);
     setDraggableItems(copyOfDraggableItems);
   };
+
   const getItemsId = () => {
     if (!getOrder) {
       return;
     }
+
     const draggableItemIds = draggableItems.map(draggableItem => draggableItem.props.id);
     getOrder(draggableItemIds);
   };
+
   const marginProps = filterStyledSystemMarginProps(rest);
   return /*#__PURE__*/React.createElement(DndProvider, {
     backend: HTML5Backend
@@ -78,10 +88,12 @@ const DraggableContainer = ({
     type: "drag"
   })]))));
 };
-DraggableContainer.propTypes = {
-  ...marginPropTypes,
+
+DraggableContainer.propTypes = { ...marginPropTypes,
+
   /** Callback fired when order is changed */
   getOrder: PropTypes.func,
+
   /**
    * The content of the component
    *
@@ -94,6 +106,7 @@ DraggableContainer.propTypes = {
       if (!child) {
         return;
       }
+
       if (DraggableItem.displayName !== child.type.displayName) {
         error = new Error(`\`${componentName}\` only accepts children of type \`${DraggableItem.displayName}\`.`);
       }
@@ -101,8 +114,7 @@ DraggableContainer.propTypes = {
     return error;
   }
 };
-DropTarget.propTypes = {
-  ...marginPropTypes,
+DropTarget.propTypes = { ...marginPropTypes,
   children: PropTypes.node.isRequired,
   getOrder: PropTypes.func
 };

package/esm/components/draggable/draggable-item.component.js

@@ -1,4 +1,5 @@
 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); }
+
 import React from "react";
 import { useDrop, useDrag } from "react-dnd";
 import PropTypes from "prop-types";
@@ -6,6 +7,7 @@ import styledSystemPropTypes from "@styled-system/prop-types";
 import { filterStyledSystemPaddingProps } from "../../style/utils";
 import { StyledDraggableItem } from "./draggable-item.style";
 const paddingPropTypes = filterStyledSystemPaddingProps(styledSystemPropTypes);
+
 const DraggableItem = ({
   id,
   findItem,
@@ -32,6 +34,7 @@ const DraggableItem = ({
         originalIndex: oIndex
       } = monitor.getItem();
       const didDrop = monitor.didDrop();
+
       if (!didDrop) {
         moveItem(droppedId, oIndex);
       }
@@ -40,6 +43,7 @@ const DraggableItem = ({
   const [, drop] = useDrop({
     accept: "draggableItem",
     canDrop: () => false,
+
     hover({
       id: draggedId
     }) {
@@ -50,6 +54,7 @@ const DraggableItem = ({
         moveItem(draggedId, overIndex);
       }
     }
+
   });
   const paddingProps = filterStyledSystemPaddingProps(rest);
   return /*#__PURE__*/React.createElement(StyledDraggableItem, _extends({
@@ -59,21 +64,25 @@ const DraggableItem = ({
     py: py
   }, paddingProps), children);
 };
-DraggableItem.propTypes = {
-  ...paddingPropTypes,
+
+DraggableItem.propTypes = { ...paddingPropTypes,
+
   /**
    * The id of the `DraggableItem`.
    *
    * Use this prop to make `Draggable` works
    */
   id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+
   /** The content of the component. */
   children: PropTypes.node.isRequired,
+
   /**
    * @private
    * @ignore
    */
   findItem: PropTypes.func,
+
   /**
    * @private
    * @ignore

package/esm/components/drawer/drawer.component.js

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useState, useCallback, useRef, useEffect } from "react";
 import PropTypes from "prop-types";
 import invariant from "invariant";
@@ -8,6 +9,7 @@ import Icon from "../icon";
 import { StyledSidebarHeader, StyledDrawerWrapper, StyledDrawerContent, StyledSidebarToggleButton, StyledDrawerChildren, StyledDrawerSidebar, StyledSidebarTitle } from "./drawer.style";
 import StickyFooter from "../../__internal__/sticky-footer";
 const DrawerSidebarContext = /*#__PURE__*/React.createContext({});
+
 const Drawer = ({
   defaultExpanded = true,
   expanded,
@@ -37,17 +39,21 @@ const Drawer = ({
       const animationTime = animationDuration.substring(0, animationDuration.length - 2);
       return parseInt(animationTime);
     }
+
     if (animationDuration.indexOf(".") !== -1 || animationDuration.indexOf("s") !== -1) {
       const animationTime = animationDuration.substring(0, animationDuration.length - 1);
       return parseFloat(animationTime) * 1000;
     }
+
     return parseInt(animationDuration);
   }, [animationDuration]);
   const toggleAnimation = useCallback(() => {
     const timeout = getAnimationDuration();
+
     if (timer.current) {
       clearTimeout(timer.current);
     }
+
     if (!isExpanded) {
       setIsClosing(false);
       setIsOpening(true);
@@ -66,8 +72,10 @@ const Drawer = ({
   useEffect(() => {
     const message = "Drawer should not switch from uncontrolled to controlled" + " (or vice versa). Decide between using a controlled or uncontrolled Drawer element" + " for the lifetime of the component";
     !(isControlled.current === (expanded !== undefined)) ? process.env.NODE_ENV !== "production" ? invariant(false, message) : invariant(false) : void 0;
+
     if (isControlled.current && previousValue !== expanded) {
       setIsExpanded(expanded);
+
       if (!showControls && ![expanded, previousValue].includes(undefined)) {
         toggleAnimation();
       }
@@ -83,23 +91,29 @@ const Drawer = ({
   const toggleDrawer = useCallback(ev => {
     setIsExpanded(!isExpanded);
     if (onChange) onChange(ev, !isExpanded);
+
     if (isExpanded && drawerSidebarContentRef.current) {
       drawerSidebarContentRef.current.scrollTop = 0;
     }
+
     toggleAnimation();
   }, [toggleAnimation, isExpanded, onChange]);
   const guid = useRef(createGuid());
   const sidebarId = `DrawerSidebar_${guid.current}`;
   const getClassNames = useCallback(() => {
     const classes = [isExpanded ? "open" : "closed"];
+
     if (isOpening) {
       classes.push("opening");
     }
+
     if (isClosing) {
       classes.push("closing");
     }
+
     return classes.join(" ");
   }, [isExpanded, isOpening, isClosing]);
+
   const getControls = () => {
     if (showControls === undefined) return null;
     return /*#__PURE__*/React.createElement(StyledSidebarToggleButton, {
@@ -114,6 +128,7 @@ const Drawer = ({
       type: "chevron_right"
     }));
   };
+
   return /*#__PURE__*/React.createElement(StyledDrawerWrapper, _extends({
     "data-component": "drawer",
     height: height
@@ -143,6 +158,7 @@ const Drawer = ({
     isExpanded: isExpanded
   }, footer))), /*#__PURE__*/React.createElement(StyledDrawerChildren, null, children));
 };
+
 Drawer.propTypes = {
   "animationDuration": PropTypes.string,
   "aria-label": PropTypes.string,

package/esm/components/drawer/drawer.style.js

@@ -54,15 +54,18 @@ const StyledDrawerSidebar = styled(Box)`
     width: 12px;
   }
 `;
+
 const sidebarVisible = () => keyframes`
   0% {opacity: 0;}
   50% {opacity: 0;}
   100% {opacity: 1;}
 `;
+
 const sidebarHidden = () => keyframes`
   0% {opacity: 1;}
   100% {opacity: 0; display: none;}
 `;
+
 const drawerOpen = expandedWidth => keyframes`
   0% {
     width: ${defaultExpandedWidth};
@@ -74,19 +77,23 @@ const drawerOpen = expandedWidth => keyframes`
     min-width: 52px;
   }
 `;
+
 const drawerClose = expandedWidth => keyframes`
   0% {width: ${expandedWidth};}
   100% {width: ${defaultExpandedWidth};}
 `;
+
 const buttonOpen = () => keyframes`
   0% {float: right;}
   100% {float: right;}
 `;
+
 const buttonClose = () => keyframes`
   0% {float: right;}
   80% {float: right;}
   100% {float: left;}
 `;
+
 const StyledDrawerContent = styled.div`
   display: flex;
   flex-direction: column;

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

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useState } from "react";
 import PropTypes from "prop-types";
 import styledSystemPropTypes from "@styled-system/prop-types";
@@ -7,6 +8,7 @@ import { StyledDuellingPicklistOverlay, StyledDuellingPicklist, StyledLabelConta
 import { Picklist } from "./picklist/picklist.component";
 import FocusContext from "./duelling-picklist.context";
 const marginPropTypes = filterStyledSystemMarginProps(styledSystemPropTypes.space);
+
 const DuellingPicklist = ({
   children,
   disabled,
@@ -20,6 +22,7 @@ const DuellingPicklist = ({
   const shouldDisplayControls = leftControls || rightControls;
   const [elementToFocus, setElementToFocus] = useState({});
   let pickListIndex = 0;
+
   const addElementToFocus = (itemIndex, listIndex, groupIndex) => {
     setElementToFocus({
       itemIndex,
@@ -27,11 +30,13 @@ const DuellingPicklist = ({
       groupIndex
     });
   };
+
   const getIndex = () => {
     const index = pickListIndex;
     pickListIndex += 1;
     return index;
   };
+
   const clonedChildren = React.Children.map(children, child => child && /*#__PURE__*/React.cloneElement(child, {
     index: child.type === Picklist ? getIndex() : undefined
   }));
@@ -53,24 +58,31 @@ const DuellingPicklist = ({
     }
   }, /*#__PURE__*/React.createElement(StyledDuellingPicklist, null, clonedChildren)));
 };
-DuellingPicklist.propTypes = {
-  ...marginPropTypes,
+
+DuellingPicklist.propTypes = { ...marginPropTypes,
   children: (props, propName) => {
     const prop = props[propName];
     let error;
+
     if (!prop || !Array.isArray(prop) || prop.filter(el => el.type === Picklist).length !== 2) {
       error = new Error(`\`${propName}\` must have two \`${Picklist.displayName}\`s`);
     }
+
     return error;
   },
+
   /** Indicate if component is disabled */
   disabled: PropTypes.bool,
+
   /** Place for components like Search or Filter placed above the left list */
   leftControls: PropTypes.node,
+
   /** Place for components like Search or Filter placed above the right list */
   rightControls: PropTypes.node,
+
   /** Left list label */
   leftLabel: PropTypes.string,
+
   /** Right list label */
   rightLabel: PropTypes.string
 };

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

@@ -41,6 +41,7 @@ export const Picklist = ({
   useEffect(() => {
     if ((elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.groupIndex) === undefined && index === (elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.listIndex)) {
       var _refs$elementToFocus$;
+
       if ((_refs$elementToFocus$ = refs[elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.itemIndex]) !== null && _refs$elementToFocus$ !== void 0 && _refs$elementToFocus$.current) {
         refs[elementToFocus.itemIndex].current.focus();
         setElementToFocus();
@@ -60,10 +61,13 @@ export const Picklist = ({
 Picklist.propTypes = {
   /** List of PicklistItem elements */
   children: PropTypes.node,
+
   /** Placeholder to be rendered when list is empty */
   placeholder: PropTypes.node,
+
   /** Indicate if component is disabled */
   disabled: PropTypes.bool,
+
   /** @private @ignore */
   index: PropTypes.number
 };
@@ -71,12 +75,15 @@ export const areEqual = (prevProps, nextProps) => {
   let changesCounter = 0;
   const prevChildCount = React.Children.count(prevProps.children);
   const nextChildCount = React.Children.count(nextProps.children);
+
   if (prevChildCount !== nextChildCount) {
     changesCounter += 1;
   }
+
   if (prevProps.disabled !== nextProps.disabled) {
     changesCounter += 1;
   }
+
   return !changesCounter;
 };
 Picklist.displayName = "Picklist";

package/esm/components/duelling-picklist/picklist-divider/picklist-divider.component.js

@@ -1,7 +1,10 @@
 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); }
+
 import React from "react";
 import StyledPicklistDivider from "./picklist-divider.style";
+
 const PicklistDivider = props => /*#__PURE__*/React.createElement(StyledPicklistDivider, _extends({}, props, {
   "data-element": "picklist-divider"
 }));
+
 export default PicklistDivider;

package/esm/components/duelling-picklist/picklist-group/picklist-group.component.js

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useCallback, useContext, useEffect, useMemo, useState } from "react";
 import PropTypes from "prop-types";
 import { CSSTransition, TransitionGroup } from "react-transition-group";
@@ -81,16 +82,22 @@ const PicklistGroup = /*#__PURE__*/React.forwardRef(({
 PicklistGroup.propTypes = {
   /** Group title */
   title: PropTypes.node.isRequired,
+
   /** Item content */
   children: PropTypes.node.isRequired,
+
   /** Define if item is of type add or remove */
   type: PropTypes.oneOf(["add", "remove"]).isRequired,
+
   /** Handler invoked when add/remove button is clicked or when space/enter is pressed on the whole item */
   onChange: PropTypes.func.isRequired,
+
   /** @private @ignore */
   index: PropTypes.number,
+
   /** @private @ignore */
   listIndex: PropTypes.number,
+
   /** @private @ignore */
   isLastGroup: PropTypes.bool
 };

package/esm/components/duelling-picklist/picklist-item/picklist-item.component.js

@@ -1,4 +1,5 @@
 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); }
+
 import React, { useCallback, useContext, useRef } from "react";
 import PropTypes from "prop-types";
 import { CSSTransition } from "react-transition-group";
@@ -35,6 +36,7 @@ const PicklistItem = /*#__PURE__*/React.forwardRef(({
         group: undefined
       };
     }
+
     return {
       itemIndex: index,
       list: listIndex,
@@ -91,28 +93,40 @@ const PicklistItem = /*#__PURE__*/React.forwardRef(({
 PicklistItem.propTypes = {
   /** Item content */
   children: PropTypes.node.isRequired,
+
   /** Define if item is of type add or remove */
   type: PropTypes.oneOf(["add", "remove"]).isRequired,
+
   /** Indicate if component is disabled */
   disabled: PropTypes.bool,
+
   /** Handler invoked when add/remove button is clicked or when space/enter is pressed on the whole item */
   onChange: PropTypes.func.isRequired,
+
   /** Value passed to the onChange handler */
   item: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]).isRequired,
+
   /** Disable the item */
   locked: PropTypes.bool,
+
   /** Tooltip message for the locked icon (only present when locked prop is true) */
   tooltipMessage: PropTypes.string,
+
   /** @private @ignore */
   highlighted: PropTypes.bool,
+
   /** @private @ignore */
   index: PropTypes.number,
+
   /** @private @ignore */
   groupIndex: PropTypes.number,
+
   /** @private @ignore */
   listIndex: PropTypes.number,
+
   /** @private @ignore */
   isLastItem: PropTypes.bool,
+
   /** @private @ignore */
   isLastGroup: PropTypes.bool
 };

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

@@ -1,11 +1,13 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { StyledPicklistPlaceholder } from "../duelling-picklist.style";
+
 const PicklistPlaceholder = ({
   text
 }) => /*#__PURE__*/React.createElement(StyledPicklistPlaceholder, {
   "data-element": "picklist-placeholder"
 }, text);
+
 PicklistPlaceholder.propTypes = {
   /** Text to be displayed when list is empty */
   text: PropTypes.string.isRequired

package/esm/components/fieldset/fieldset.component.js

@@ -1,10 +1,12 @@
 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); }
+
 import React from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import { FieldsetStyle, LegendContainerStyle, FieldsetContentStyle } from "./fieldset.style";
 import { NewValidationContext } from "../carbon-provider/carbon-provider.component";
+
 const Fieldset = ({
   children,
   inline = false,
@@ -20,6 +22,7 @@ const Fieldset = ({
       "data-element": "legend"
     }, legend));
   };
+
   return /*#__PURE__*/React.createElement(NewValidationContext.Provider, {
     value: {
       validationRedesignOptIn: false
@@ -31,6 +34,7 @@ const Fieldset = ({
     inline: inline
   }, getLegend(), children)));
 };
+
 Fieldset.propTypes = {
   "children": PropTypes.node,
   "inline": PropTypes.bool,