carbon-react 111.12.2 → 111.12.3

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDnd = require("react-dnd");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _utils = require("../../style/utils");
-
 var _draggableItem = require("./draggable-item.style");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 paddingPropTypes = (0, _utils.filterStyledSystemPaddingProps)(_propTypes2.default);
-
 const DraggableItem = ({
   id,
   findItem,
@@ -49,7 +39,6 @@ const DraggableItem = ({
         originalIndex: oIndex
       } = monitor.getItem();
       const didDrop = monitor.didDrop();
-
       if (!didDrop) {
         moveItem(droppedId, oIndex);
       }
@@ -58,7 +47,6 @@ const DraggableItem = ({
   const [, drop] = (0, _reactDnd.useDrop)({
     accept: "draggableItem",
     canDrop: () => false,
-
     hover({
       id: draggedId
     }) {
@@ -69,7 +57,6 @@ const DraggableItem = ({
         moveItem(draggedId, overIndex);
       }
     }
-
   });
   const paddingProps = (0, _utils.filterStyledSystemPaddingProps)(rest);
   return /*#__PURE__*/_react.default.createElement(_draggableItem.StyledDraggableItem, _extends({
@@ -79,25 +66,21 @@ 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.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
-
   /** The content of the component. */
   children: _propTypes.default.node.isRequired,
-
   /**
    * @private
    * @ignore
    */
   findItem: _propTypes.default.func,
-
   /**
    * @private
    * @ignore

package/lib/components/draggable/draggable-item.style.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledIcon = exports.StyledDraggableItem = exports.StyledDraggableContainer = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _themes = require("../../style/themes");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledDraggableContainer = _styledComponents.default.div`
   ${_styledSystem.margin}
 `;

package/lib/components/draggable/index.js

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

package/lib/components/drawer/drawer.component.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DrawerSidebarContext = exports.Drawer = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-
 var _usePrevious = _interopRequireDefault(require("../../hooks/__internal__/usePrevious"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _drawer = require("./drawer.style");
-
 var _stickyFooter = _interopRequireDefault(require("../../__internal__/sticky-footer"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const DrawerSidebarContext = /*#__PURE__*/_react.default.createContext({});
-
 exports.DrawerSidebarContext = DrawerSidebarContext;
-
 const Drawer = ({
   defaultExpanded = true,
   expanded,
@@ -62,21 +47,17 @@ 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 = (0, _react.useCallback)(() => {
     const timeout = getAnimationDuration();
-
     if (timer.current) {
       clearTimeout(timer.current);
     }
-
     if (!isExpanded) {
       setIsClosing(false);
       setIsOpening(true);
@@ -95,10 +76,8 @@ const Drawer = ({
   (0, _react.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" ? (0, _invariant.default)(false, message) : (0, _invariant.default)(false) : void 0;
-
     if (isControlled.current && previousValue !== expanded) {
       setIsExpanded(expanded);
-
       if (!showControls && ![expanded, previousValue].includes(undefined)) {
         toggleAnimation();
       }
@@ -114,29 +93,23 @@ const Drawer = ({
   const toggleDrawer = (0, _react.useCallback)(ev => {
     setIsExpanded(!isExpanded);
     if (onChange) onChange(ev, !isExpanded);
-
     if (isExpanded && drawerSidebarContentRef.current) {
       drawerSidebarContentRef.current.scrollTop = 0;
     }
-
     toggleAnimation();
   }, [toggleAnimation, isExpanded, onChange]);
   const guid = (0, _react.useRef)((0, _guid.default)());
   const sidebarId = `DrawerSidebar_${guid.current}`;
   const getClassNames = (0, _react.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.default.createElement(_drawer.StyledSidebarToggleButton, {
@@ -151,7 +124,6 @@ const Drawer = ({
       type: "chevron_right"
     }));
   };
-
   return /*#__PURE__*/_react.default.createElement(_drawer.StyledDrawerWrapper, _extends({
     "data-component": "drawer",
     height: height
@@ -181,7 +153,6 @@ const Drawer = ({
     isExpanded: isExpanded
   }, footer))), /*#__PURE__*/_react.default.createElement(_drawer.StyledDrawerChildren, null, children));
 };
-
 exports.Drawer = Drawer;
 Drawer.propTypes = {
   "animationDuration": _propTypes.default.string,

package/lib/components/drawer/drawer.style.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSidebarToggleButton = exports.StyledSidebarTitle = exports.StyledDrawerSidebar = exports.StyledDrawerChildren = exports.StyledDrawerContent = exports.StyledDrawerWrapper = exports.StyledSidebarHeader = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _tabs = _interopRequireDefault(require("../tabs/tabs.style"));
-
 var _box = _interopRequireDefault(require("../box"));
-
 var _stickyFooter = _interopRequireDefault(require("../../__internal__/sticky-footer/sticky-footer.style"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const defaultExpandedWidth = "var(--sizing500)";
 const StyledSidebarHeader = _styledComponents.default.div`
   ${({
@@ -75,18 +67,15 @@ const StyledDrawerSidebar = (0, _styledComponents.default)(_box.default)`
   }
 `;
 exports.StyledDrawerSidebar = StyledDrawerSidebar;
-
 const sidebarVisible = () => (0, _styledComponents.keyframes)`
   0% {opacity: 0;}
   50% {opacity: 0;}
   100% {opacity: 1;}
 `;
-
 const sidebarHidden = () => (0, _styledComponents.keyframes)`
   0% {opacity: 1;}
   100% {opacity: 0; display: none;}
 `;
-
 const drawerOpen = expandedWidth => (0, _styledComponents.keyframes)`
   0% {
     width: ${defaultExpandedWidth};
@@ -98,23 +87,19 @@ const drawerOpen = expandedWidth => (0, _styledComponents.keyframes)`
     min-width: 52px;
   }
 `;
-
 const drawerClose = expandedWidth => (0, _styledComponents.keyframes)`
   0% {width: ${expandedWidth};}
   100% {width: ${defaultExpandedWidth};}
 `;
-
 const buttonOpen = () => (0, _styledComponents.keyframes)`
   0% {float: right;}
   100% {float: right;}
 `;
-
 const buttonClose = () => (0, _styledComponents.keyframes)`
   0% {float: right;}
   80% {float: right;}
   100% {float: left;}
 `;
-
 const StyledDrawerContent = _styledComponents.default.div`
   display: flex;
   flex-direction: column;

package/lib/components/drawer/index.js

@@ -15,9 +15,6 @@ Object.defineProperty(exports, "DrawerSidebarContext", {
     return _drawer.DrawerSidebarContext;
   }
 });
-
 var _drawer = _interopRequireWildcard(require("./drawer.component"));
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _utils = require("../../style/utils");
-
 var _duellingPicklist = require("./duelling-picklist.style");
-
 var _picklist = require("./picklist/picklist.component");
-
 var _duellingPicklist2 = _interopRequireDefault(require("./duelling-picklist.context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const DuellingPicklist = ({
   children,
   disabled,
@@ -42,7 +29,6 @@ const DuellingPicklist = ({
   const shouldDisplayControls = leftControls || rightControls;
   const [elementToFocus, setElementToFocus] = (0, _react.useState)({});
   let pickListIndex = 0;
-
   const addElementToFocus = (itemIndex, listIndex, groupIndex) => {
     setElementToFocus({
       itemIndex,
@@ -50,17 +36,14 @@ const DuellingPicklist = ({
       groupIndex
     });
   };
-
   const getIndex = () => {
     const index = pickListIndex;
     pickListIndex += 1;
     return index;
   };
-
   const clonedChildren = _react.default.Children.map(children, child => child && /*#__PURE__*/_react.default.cloneElement(child, {
     index: child.type === _picklist.Picklist ? getIndex() : undefined
   }));
-
   return /*#__PURE__*/_react.default.createElement(_duellingPicklist.StyledDuellingPicklistOverlay, _extends({
     disabled: disabled,
     "data-component": "duelling-picklist"
@@ -79,31 +62,24 @@ const DuellingPicklist = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_duellingPicklist.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.Picklist).length !== 2) {
       error = new Error(`\`${propName}\` must have two \`${_picklist.Picklist.displayName}\`s`);
     }
-
     return error;
   },
-
   /** Indicate if component is disabled */
   disabled: _propTypes.default.bool,
-
   /** Place for components like Search or Filter placed above the left list */
   leftControls: _propTypes.default.node,
-
   /** Place for components like Search or Filter placed above the right list */
   rightControls: _propTypes.default.node,
-
   /** Left list label */
   leftLabel: _propTypes.default.string,
-
   /** Right list label */
   rightLabel: _propTypes.default.string
 };

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

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const FocusContext = /*#__PURE__*/_react.default.createContext({});
-
 var _default = FocusContext;
 exports.default = _default;

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledPicklistPlaceholder = exports.StyledControl = exports.StyledControlsContainer = exports.StyledLabel = exports.StyledLabelContainer = exports.StyledDuellingPicklistOverlay = exports.StyledDuellingPicklist = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _themes = require("../../style/themes");
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const StyledDuellingPicklistOverlay = _styledComponents.default.div`
   ${_styledSystem.margin}
 

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

@@ -39,17 +39,10 @@ Object.defineProperty(exports, "PicklistGroup", {
     return _picklistGroup.default;
   }
 });
-
 var _duellingPicklist = _interopRequireDefault(require("./duelling-picklist.component"));
-
 var _picklistDivider = _interopRequireDefault(require("./picklist-divider/picklist-divider.component"));
-
 var _picklistItem = _interopRequireDefault(require("./picklist-item/picklist-item.component"));
-
 var _picklist = _interopRequireDefault(require("./picklist/picklist.component"));
-
 var _picklistPlaceholder = _interopRequireDefault(require("./picklist-placeholder/picklist-placeholder.component"));
-
 var _picklistGroup = _interopRequireDefault(require("./picklist-group/picklist-group.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.areEqual = exports.Picklist = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _picklist = require("./picklist.style");
-
 var _duellingPicklist = _interopRequireDefault(require("../duelling-picklist.context"));
-
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
-
 var _picklistGroup = _interopRequireDefault(require("../picklist-group/picklist-group.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const Picklist = ({
   disabled,
   children,
@@ -36,9 +25,7 @@ const Picklist = ({
     setElementToFocus
   } = (0, _react.useContext)(_duellingPicklist.default);
   const isEmpty = (0, _react.useMemo)(() => !_react.default.Children.toArray(children).length, [children]);
-
   const filteredChildren = _react.default.Children.toArray(children);
-
   const refs = (0, _react.useMemo)(() => Array.from({
     length: filteredChildren.length
   }, () => /*#__PURE__*/_react.default.createRef()), [filteredChildren.length]);
@@ -63,7 +50,6 @@ const Picklist = ({
   (0, _react.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();
@@ -80,40 +66,29 @@ const Picklist = ({
     component: null
   }, content));
 };
-
 exports.Picklist = Picklist;
 Picklist.propTypes = {
   /** List of PicklistItem elements */
   children: _propTypes.default.node,
-
   /** Placeholder to be rendered when list is empty */
   placeholder: _propTypes.default.node,
-
   /** Indicate if component is disabled */
   disabled: _propTypes.default.bool,
-
   /** @private @ignore */
   index: _propTypes.default.number
 };
-
 const areEqual = (prevProps, nextProps) => {
   let changesCounter = 0;
-
   const prevChildCount = _react.default.Children.count(prevProps.children);
-
   const nextChildCount = _react.default.Children.count(nextProps.children);
-
   if (prevChildCount !== nextChildCount) {
     changesCounter += 1;
   }
-
   if (prevProps.disabled !== nextProps.disabled) {
     changesCounter += 1;
   }
-
   return !changesCounter;
 };
-
 exports.areEqual = areEqual;
 Picklist.displayName = "Picklist";
 var _default = Picklist;

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

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledEmptyContainer = exports.StyledPicklist = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _box = _interopRequireDefault(require("../../box"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledPicklist = (0, _styledComponents.default)(_box.default).attrs({
   as: "ul"
 })`

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

@@ -4,18 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _picklistDivider = _interopRequireDefault(require("./picklist-divider.style"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 PicklistDivider = props => /*#__PURE__*/_react.default.createElement(_picklistDivider.default, _extends({}, props, {
   "data-element": "picklist-divider"
 }));
-
 var _default = PicklistDivider;
 exports.default = _default;

package/lib/components/duelling-picklist/picklist-divider/picklist-divider.style.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledPicklistDivider = _styledComponents.default.div`
   min-width: 2px;
   background-image: linear-gradient(

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

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _picklistGroup = require("./picklist-group.style");
-
 var _duellingPicklist = _interopRequireDefault(require("../duelling-picklist.context"));
-
 var _events = _interopRequireDefault(require("../../../__internal__/utils/helpers/events"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const PicklistGroup = /*#__PURE__*/_react.default.forwardRef(({
   title,
   children,
@@ -40,9 +29,7 @@ const PicklistGroup = /*#__PURE__*/_react.default.forwardRef(({
     elementToFocus
   } = (0, _react.useContext)(_duellingPicklist.default);
   const [highlighted, setHighlighted] = (0, _react.useState)(false);
-
   const filteredChildren = _react.default.Children.toArray(children);
-
   const handleClick = (0, _react.useCallback)(() => {
     onChange();
     setElementToFocus(index, listIndex);
@@ -57,7 +44,6 @@ const PicklistGroup = /*#__PURE__*/_react.default.forwardRef(({
   const refs = (0, _react.useMemo)(() => Array.from({
     length: filteredChildren.length
   }, () => /*#__PURE__*/_react.default.createRef()), [filteredChildren.length]);
-
   const content = _react.default.Children.map(children, (child, childIndex) => child && /*#__PURE__*/_react.default.cloneElement(child, {
     ref: refs[childIndex],
     index: childIndex,
@@ -66,7 +52,6 @@ const PicklistGroup = /*#__PURE__*/_react.default.forwardRef(({
     isLastGroup,
     isLastItem: childIndex === filteredChildren.length - 1
   }));
-
   (0, _react.useEffect)(() => {
     if (index === (elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.groupIndex) && listIndex === (elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.listIndex)) {
       refs[elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.itemIndex].current.focus();
@@ -102,26 +87,19 @@ const PicklistGroup = /*#__PURE__*/_react.default.forwardRef(({
     component: null
   }, content))));
 });
-
 PicklistGroup.propTypes = {
   /** Group title */
   title: _propTypes.default.node.isRequired,
-
   /** Item content */
   children: _propTypes.default.node.isRequired,
-
   /** Define if item is of type add or remove */
   type: _propTypes.default.oneOf(["add", "remove"]).isRequired,
-
   /** Handler invoked when add/remove button is clicked or when space/enter is pressed on the whole item */
   onChange: _propTypes.default.func.isRequired,
-
   /** @private @ignore */
   index: _propTypes.default.number,
-
   /** @private @ignore */
   listIndex: _propTypes.default.number,
-
   /** @private @ignore */
   isLastGroup: _propTypes.default.bool
 };