carbon-react 111.12.1 → 111.12.3

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

@@ -4,43 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-
 var _modal = _interopRequireDefault(require("../modal"));
-
 var _heading = _interopRequireDefault(require("../heading"));
-
 var _fullScreenHeading = _interopRequireDefault(require("../../__internal__/full-screen-heading"));
-
 var _dialogFullScreen = _interopRequireDefault(require("./dialog-full-screen.style"));
-
 var _content = _interopRequireDefault(require("./content.style"));
-
 var _focusTrap = _interopRequireDefault(require("../../__internal__/focus-trap"));
-
 var _iconButton = _interopRequireDefault(require("../icon-button"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-
 var _useIsStickyFooterForm = _interopRequireDefault(require("../../hooks/__internal__/useIsStickyFooterForm"));
-
 var _topModalContext = _interopRequireDefault(require("../carbon-provider/top-modal-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 DialogFullScreen = ({
   "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
@@ -77,7 +58,6 @@ const DialogFullScreen = ({
   const {
     topModal
   } = (0, _react.useContext)(_topModalContext.default);
-
   const closeIcon = () => {
     if (!showCloseIcon || !onCancel) return null;
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
@@ -88,7 +68,6 @@ const DialogFullScreen = ({
       type: "close"
     }));
   };
-
   const dialogTitle = () => /*#__PURE__*/_react.default.createElement(_fullScreenHeading.default, {
     hasContent: !!title,
     ref: headingRef
@@ -101,7 +80,6 @@ const DialogFullScreen = ({
     divider: false,
     help: help
   }) : title, headerChildren);
-
   const ariaProps = {
     "aria-labelledby": title && typeof title === "string" ? titleId : ariaLabelledBy,
     "aria-describedby": subtitle ? subtitleId : ariaDescribedBy,
@@ -138,7 +116,6 @@ const DialogFullScreen = ({
     hasStickyFooter: hasStickyFooter
   }, children))));
 };
-
 DialogFullScreen.defaultProps = {
   showCloseIcon: true,
   disableAutoFocus: false
@@ -146,74 +123,55 @@ DialogFullScreen.defaultProps = {
 DialogFullScreen.propTypes = {
   /** Prop to specify the aria-describedby property of the DialogFullscreen component */
   "aria-describedby": _propTypes.default.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.default.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.default.string,
-
   /** Controls the open state of the component */
   open: _propTypes.default.bool.isRequired,
-
   /** A custom close event handler */
   onCancel: _propTypes.default.func,
-
   /** Optional reference to an element meant to be focused on open */
   focusFirstElement: _propTypes.default.shape({
     current: _propTypes.default.any
   }),
-
   /** Disables auto focus functionality on child elements */
   disableAutoFocus: _propTypes.default.bool,
-
   /** Determines if the Esc Key closes the Dialog */
   disableEscKey: _propTypes.default.bool,
-
   /** Adds Help tooltip to Header */
   help: _propTypes.default.string,
-
   /** remove padding from content */
   disableContentPadding: _propTypes.default.bool,
-
   /** Child elements */
   children: _propTypes.default.node,
-
   /** Title displayed at top of dialog */
   title: _propTypes.default.node,
-
   /** Subtitle displayed at top of dialog */
   subtitle: _propTypes.default.string,
-
   /** Determines if the close icon is shown */
   showCloseIcon: _propTypes.default.bool,
-
   /** Container for components to be displayed in the header */
   headerChildren: _propTypes.default.node,
-
   /** For legacy styling when used with Pages component. Do not use this unless using Pages within a DialogFullScreen */
   pagesStyling: _propTypes.default.bool,
-
   /** Reference to the scrollable content element */
   contentRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
     current: _propTypes.default.instanceOf(Element)
   })]),
-
   /** The ARIA role to be applied to the DialogFullscreen container */
   role: _propTypes.default.string,
-
   /** an optional array of refs to containers whose content should also be reachable by tabbing from the dialog */
   focusableContainers: _propTypes.default.arrayOf(_propTypes.default.shape({
     current: _propTypes.default.any
   })),
-
   /** Optional selector to identify the focusable elements, if not provided a default selector is used */
   focusableSelectors: _propTypes.default.string
 };

package/lib/components/dialog-full-screen/dialog-full-screen.style.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 var _content = _interopRequireDefault(require("./content.style"));
-
 var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
-
 var _fullScreenHeading = _interopRequireDefault(require("../../__internal__/full-screen-heading/full-screen-heading.style"));
-
 var _heading = require("../heading/heading.style");
-
 var _form = require("../form/form.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 StyledDialogFullScreen = _styledComponents.default.div`
   :focus {
     outline: none;

package/lib/components/dialog-full-screen/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _dialogFullScreen.default;
   }
 });
-
 var _dialogFullScreen = _interopRequireDefault(require("./dialog-full-screen.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DismissibleBox = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _dismissibleBox = require("./dismissible-box.style");
-
 var _iconButton = _interopRequireDefault(require("../icon-button"));
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 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 DismissibleBox = ({
   children,
   onClose,
@@ -36,7 +28,6 @@ const DismissibleBox = ({
   type: "close",
   color: "--colorsActionMinor500"
 }))));
-
 exports.DismissibleBox = DismissibleBox;
 DismissibleBox.propTypes = {
   "alignContent": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.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.default.shape({

package/lib/components/dismissible-box/dismissible-box.style.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledDismissibleBox = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _box = _interopRequireDefault(require("../box"));
-
 var _icon = _interopRequireDefault(require("../icon/icon.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 StyledDismissibleBox = (0, _styledComponents.default)(_box.default)`
   ${({
   hasBorderLeftHighlight = true,

package/lib/components/dismissible-box/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _dismissibleBox.default;
   }
 });
-
 var _dismissibleBox = _interopRequireDefault(require("./dismissible-box.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDnd = require("react-dnd");
-
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _utils = require("../../style/utils");
-
 var _draggableItem = _interopRequireDefault(require("./draggable-item.component"));
-
 var _draggableItem2 = require("./draggable-item.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; }
-
 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);
-
 const DropTarget = ({
   children,
   getOrder,
@@ -38,17 +24,14 @@ const DropTarget = ({
 }) => {
   const [, drop] = (0, _reactDnd.useDrop)({
     accept: "draggableItem",
-
     drop() {
       getOrder();
     }
-
   });
   return /*#__PURE__*/_react.default.createElement(_draggableItem2.StyledDraggableContainer, _extends({
     ref: drop
   }, rest), children);
 };
-
 const DraggableContainer = ({
   children,
   getOrder,
@@ -63,7 +46,6 @@ const DraggableContainer = ({
       isFirstRender.current = false;
     }
   }, [children]);
-
   const findItem = id => {
     const draggableItem = draggableItems.filter(item => {
       return `${item.props.id}` === id;
@@ -73,7 +55,6 @@ const DraggableContainer = ({
       index: draggableItems.indexOf(draggableItem)
     };
   };
-
   const moveItem = (id, atIndex) => {
     const {
       draggableItem,
@@ -85,16 +66,13 @@ 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 = (0, _utils.filterStyledSystemMarginProps)(rest);
   return /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
     backend: _reactDndHtml5Backend.HTML5Backend
@@ -109,12 +87,10 @@ const DraggableContainer = ({
     type: "drag"
   })]))));
 };
-
-DraggableContainer.propTypes = { ...marginPropTypes,
-
+DraggableContainer.propTypes = {
+  ...marginPropTypes,
   /** Callback fired when order is changed */
   getOrder: _propTypes.default.func,
-
   /**
    * The content of the component
    *
@@ -123,21 +99,19 @@ DraggableContainer.propTypes = { ...marginPropTypes,
   children: (props, propName, componentName) => {
     const prop = props[propName];
     let error;
-
     _react.default.Children.forEach(prop, child => {
       if (!child) {
         return;
       }
-
       if (_draggableItem.default.displayName !== child.type.displayName) {
         error = new Error(`\`${componentName}\` only accepts children of type \`${_draggableItem.default.displayName}\`.`);
       }
     });
-
     return error;
   }
 };
-DropTarget.propTypes = { ...marginPropTypes,
+DropTarget.propTypes = {
+  ...marginPropTypes,
   children: _propTypes.default.node.isRequired,
   getOrder: _propTypes.default.func
 };

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; }