carbon-react 111.12.3 → 111.12.5

package/lib/components/select/utils/with-filter.hoc.js

@@ -4,59 +4,85 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
+
 var _optionRow = _interopRequireDefault(require("../option-row/option-row.style"));
+
 var _option = _interopRequireDefault(require("../option/option.style"));
+
 var _option2 = _interopRequireDefault(require("../option/option.component"));
+
 var _optionRow2 = _interopRequireDefault(require("../option-row/option-row.component"));
+
 var _highlightPartOfText = _interopRequireDefault(require("./highlight-part-of-text"));
+
 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 filterOptions = (option, filterText) => {
   var _option$props$text;
+
   const processedText = (_option$props$text = option.props.text) === null || _option$props$text === void 0 ? void 0 : _option$props$text.toLowerCase();
   const processedValue = filterText.toLowerCase();
+
   if (processedText.includes(processedValue)) {
     return option;
   }
+
   return null;
 };
+
 const filterOptionRows = (optionRow, filterText) => {
   const cells = _react.default.Children.toArray(optionRow.props.children);
+
   const hasText = cells.find(cell => {
     if (typeof cell.props.children === "string") {
       const processedText = cell.props.children.toLowerCase();
       const processedValue = filterText.toLowerCase();
       return processedText.includes(processedValue);
-    }
-    // filter recursively based on children
+    } // filter recursively based on children
+
+
     return filterOptionRows(cell, filterText);
   });
+
   if (hasText) {
     return optionRow;
   }
+
   return null;
 };
+
 const filterChildren = filterText => children => {
   // eslint-disable-next-line consistent-return
   const filteredChildren = _react.default.Children.map(children, child => {
     if (child.type === _option2.default) {
       return filterOptions(child, filterText);
     }
+
     if (child.type === _optionRow2.default) {
       return filterOptionRows(child, filterText);
     }
+
     return null;
   });
+
   if (_react.default.Children.count(filteredChildren)) return filteredChildren;
   return null;
 };
-
 /** Filters wrapped component children based on provided filter text and highlights matching content */
+
+
 const withFilter = WrappedComponent => {
   const FilteredComponent = /*#__PURE__*/_react.default.forwardRef(({
     children,
@@ -70,13 +96,18 @@ const withFilter = WrappedComponent => {
     const l = (0, _useLocale.default)();
     const getFilteredChildren = (0, _react.useCallback)(() => {
       let filteredElements = children;
+
       if (filterText && !isLoading) {
         filteredElements = filterChildren(filterText)(children);
+
         if (!filteredElements) {
           const noResultsText = l.select.noResultsForTerm(filterText);
+
           if (multiColumn) {
             var _tableHeader$props;
+
             const colSpan = _react.default.Children.count(tableHeader === null || tableHeader === void 0 ? void 0 : (_tableHeader$props = tableHeader.props) === null || _tableHeader$props === void 0 ? void 0 : _tableHeader$props.children);
+
             return /*#__PURE__*/_react.default.createElement(_optionRow.default, null, /*#__PURE__*/_react.default.createElement("td", {
               style: {
                 fontWeight: "normal"
@@ -84,10 +115,13 @@ const withFilter = WrappedComponent => {
               colSpan: colSpan
             }, noResultsMessage || noResultsText));
           }
+
           return /*#__PURE__*/_react.default.createElement(_option.default, null, noResultsMessage || noResultsText);
         }
+
         return addHighlightedContent(filteredElements, filterText);
       }
+
       return children;
     }, [children, filterText, isLoading, multiColumn, noResultsMessage, tableHeader, l]);
     return /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({
@@ -99,22 +133,27 @@ const withFilter = WrappedComponent => {
       ref: forwardedRef
     }), getFilteredChildren());
   });
+
   function addHighlightedContent(filteredElements, filterText) {
     return _react.default.Children.map(filteredElements, child => {
       let highlightedContent;
+
       if (child.type === _option2.default) {
         highlightedContent = (0, _highlightPartOfText.default)(child.props.text, filterText);
       }
+
       if (child.type === _optionRow2.default) {
         highlightedContent = _react.default.Children.map(child.props.children, cell => /*#__PURE__*/_react.default.cloneElement(cell, {
           children: (0, _highlightPartOfText.default)(cell.props.children, filterText)
         }));
       }
+
       return /*#__PURE__*/_react.default.cloneElement(child, {
         children: highlightedContent
       });
     });
   }
+
   FilteredComponent.propTypes = {
     forwardedRef: _propTypes.default.object,
     children: _propTypes.default.node,
@@ -126,5 +165,6 @@ const withFilter = WrappedComponent => {
   };
   return FilteredComponent;
 };
+
 var _default = withFilter;
 exports.default = _default;

package/lib/components/settings-row/index.js

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

package/lib/components/settings-row/settings-row.component.js

@@ -4,16 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _heading = _interopRequireDefault(require("../heading"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _utils = require("../../style/utils");
+
 var _settingsRow = require("./settings-row.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 marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
+
 const SettingsRow = ({
   title,
   description,
@@ -31,6 +42,7 @@ const SettingsRow = ({
       divider: false
     });
   };
+
   return /*#__PURE__*/_react.default.createElement(_settingsRow.StyledSettingsRow, _extends({
     className: className,
     hasDivider: divider
@@ -38,16 +50,21 @@ const SettingsRow = ({
     m: 0
   }, (0, _utils.filterStyledSystemMarginProps)(rest)), /*#__PURE__*/_react.default.createElement(_settingsRow.StyledSettingsRowHeader, null, heading()), /*#__PURE__*/_react.default.createElement(_settingsRow.StyledSettingsRowInput, null, children));
 };
-SettingsRow.propTypes = {
-  ...marginPropTypes,
+
+SettingsRow.propTypes = { ...marginPropTypes,
+
   /**  This component supports children. */
   children: _propTypes.default.node,
+
   /**  The CSS classes to apply to the component. */
   className: _propTypes.default.string,
+
   /**  A title for this group of settings. */
   title: _propTypes.default.string,
+
   /**  A string or JSX object that provides a short description about the group of settings. */
   description: _propTypes.default.node,
+
   /** Shows a divider below the component. */
   divider: _propTypes.default.bool
 };

package/lib/components/settings-row/settings-row.style.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledSettingsRowInput = exports.StyledSettingsRowHeader = exports.StyledSettingsRow = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _heading = require("../heading/heading.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 StyledSettingsRow = _styledComponents.default.div`
   ${_styledSystem.margin}
 

package/lib/components/show-edit-pod/index.js

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

package/lib/components/show-edit-pod/show-edit-pod.component.js

@@ -4,21 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BaseShowEditPod = exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _reactTransitionGroup = require("react-transition-group");
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _utils = require("../../style/utils");
+
 var _form = _interopRequireDefault(require("../form"));
+
 var _button = _interopRequireDefault(require("../button"));
+
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _i18nContext = _interopRequireDefault(require("../../__internal__/i18n-context"));
+
 var _showEditPod = _interopRequireDefault(require("./show-edit-pod.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 marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
+
 const ShowEditPod = ({
   border = false,
   className,
@@ -49,41 +65,50 @@ const ShowEditPod = ({
   const showModeNodeRef = (0, _react.useRef)();
   const [isEditing, setIsEditingState] = (0, _react.useState)(false);
   const isControlled = editing !== undefined;
+
   const focusPod = () => {
     ref.current.focus();
   };
+
   (0, _react.useEffect)(() => {
     if (editing) {
       focusPod();
     }
   }, [editing]);
   const isInEditMode = isControlled ? editing : isEditing;
+
   const toggleEditingState = newState => {
     if (!isControlled) {
       setIsEditingState(newState);
     }
   };
+
   const handleEdit = ev => {
     onEdit(ev);
     toggleEditingState(true);
     focusPod();
   };
+
   const onSaveEditForm = ev => {
     ev.preventDefault();
     onSave(ev);
     toggleEditingState(false);
   };
+
   const onCancelEditForm = ev => {
     if (onCancel) {
       onCancel(ev);
     }
+
     toggleEditingState(false);
   };
+
   const onKeyDown = ev => {
     if (_events.default.isEscKey(ev)) {
       onCancelEditForm(ev);
     }
   };
+
   const deleteButton = () => {
     const label = deleteText || locale.actions.delete();
     return /*#__PURE__*/_react.default.createElement(_button.default, {
@@ -94,6 +119,7 @@ const ShowEditPod = ({
       onClick: onDelete
     }, label);
   };
+
   const editContent = () => /*#__PURE__*/_react.default.createElement(_form.default, {
     onSubmit: onSaveEditForm,
     buttonAlignment: buttonAlign,
@@ -113,6 +139,7 @@ const ShowEditPod = ({
     rightSideButtons: onDelete ? deleteButton() : null,
     saving: saving
   }, editFields);
+
   const content = () => {
     if (isInEditMode) {
       return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
@@ -128,6 +155,7 @@ const ShowEditPod = ({
         ref: editModeNodeRef
       }, editContent()));
     }
+
     return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
       key: "2",
       classNames: transitionName,
@@ -141,6 +169,7 @@ const ShowEditPod = ({
       ref: showModeNodeRef
     }, children));
   };
+
   const universalProps = () => ({
     size: "small",
     tabIndex: "-1",
@@ -154,8 +183,8 @@ const ShowEditPod = ({
     ...rest,
     ...(0, _tags.default)("show-edit-pod", rest)
   });
-  const contentProps = () => ({
-    ...universalProps(),
+
+  const contentProps = () => ({ ...universalProps(),
     ...(!hideDeleteButtonInViewMode && {
       onDelete
     }),
@@ -163,57 +192,80 @@ const ShowEditPod = ({
       onEdit: handleEdit
     })
   });
-  const editingProps = () => ({
-    ...universalProps(),
+
+  const editingProps = () => ({ ...universalProps(),
     onKeyDown
   });
+
   const podProps = () => isInEditMode ? editingProps() : contentProps();
+
   return /*#__PURE__*/_react.default.createElement(_showEditPod.default, podProps(), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, content()));
 };
+
 exports.BaseShowEditPod = ShowEditPod;
-ShowEditPod.propTypes = {
-  ...marginPropTypes,
+ShowEditPod.propTypes = { ...marginPropTypes,
+
   /** Pod theme variant. */
   variant: _propTypes.default.oneOf(["primary", "secondary", "tertiary", "tile", "transparent"]),
+
   /** Enable/disable the border on the Pod. */
   border: _propTypes.default.bool,
+
   /** This component supports children. */
   children: _propTypes.default.node,
+
   /** Classes to apply to the component. */
   className: _propTypes.default.string,
+
   /** Allows developers to control the editing state manually. */
   editing: _propTypes.default.bool,
+
   /** Callback when edit button is clicked. */
   onEdit: _propTypes.default.func,
+
   /** A callback triggered when the delete action is clicked. */
   onDelete: _propTypes.default.func,
+
   /** A callback triggered when the undo action is clicked. */
   onUndo: _propTypes.default.func,
+
   /** Sets soft delete state. */
   softDelete: _propTypes.default.bool,
+
   /** Hide delete button in view mode. */
   hideDeleteButtonInViewMode: _propTypes.default.bool,
+
   /** Define fields to be rendered in the edit state */
   editFields: _propTypes.default.node,
+
   /** Define a custom transition between show and edit states */
   transitionName: _propTypes.default.string,
   // Props passed to Form
+
   /** A callback triggered after clicking the save button */
   onSave: _propTypes.default.func,
+
   /** Controls which direction the form buttons align */
   buttonAlign: _propTypes.default.oneOf(["left", "right"]),
+
   /** Set to false to hide the cancel button */
   cancel: _propTypes.default.bool,
+
   /** Supply custom text for the cancel button */
   cancelText: _propTypes.default.string,
+
   /** A callback triggered when the form is cancelled */
   onCancel: _propTypes.default.func,
+
   /** Supply custom text for the save button */
   saveText: _propTypes.default.string,
+
   /** Supply custom text for the delete button */
   deleteText: _propTypes.default.string,
+
   /** Can inform if the form is in a saving state (disables the save button) */
   saving: _propTypes.default.bool,
+
   /** Title to be displayed */
   title: _propTypes.default.node
 };

package/lib/components/show-edit-pod/show-edit-pod.style.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _form = require("../form/form.style");
+
 var _podStyle = require("../pod/pod.style.js");
+
 var _pod = _interopRequireDefault(require("../pod"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledPod = (0, _styledComponents.default)(_pod.default)`
   ${_form.StyledFormFooter} {
     margin-top: 24px;

package/lib/components/sidebar/__internal__/sidebar-header/index.js

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

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js

@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _sidebarHeader = _interopRequireDefault(require("./sidebar-header.style"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const SidebarHeader = ({
   children,
   id
@@ -15,6 +20,7 @@ const SidebarHeader = ({
   id: id,
   "data-component": "sidebar-header"
 }, children);
+
 SidebarHeader.propTypes = {
   "children": _propTypes.default.node,
   "id": _propTypes.default.string.isRequired

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js

@@ -4,8 +4,11 @@ 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 SidebarHeaderStyle = _styledComponents.default.div`
   background-color: var(--colorsUtilityYang100);
   box-shadow: inset 0 -1px 0 0 var(--colorsUtilityMajor100);

package/lib/components/sidebar/index.js

@@ -15,6 +15,9 @@ Object.defineProperty(exports, "SidebarContext", {
     return _sidebar.SidebarContext;
   }
 });
+
 var _sidebar = _interopRequireWildcard(require("./sidebar.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/sidebar/sidebar.component.js

@@ -4,26 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Sidebar = exports.SidebarContext = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _modal = _interopRequireDefault(require("../modal"));
+
 var _sidebar = _interopRequireDefault(require("./sidebar.style"));
+
 var _iconButton = _interopRequireDefault(require("../icon-button"));
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 var _focusTrap = _interopRequireDefault(require("../../__internal__/focus-trap"));
+
 var _sidebarHeader = _interopRequireDefault(require("./__internal__/sidebar-header"));
+
 var _box = _interopRequireDefault(require("../box"));
+
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
+
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
+
 var _utils = require("../../style/utils");
+
 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 SidebarContext = /*#__PURE__*/_react.default.createContext({});
+
 exports.SidebarContext = SidebarContext;
+
 const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
   "aria-describedby": ariaDescribedBy,
   "aria-label": ariaLabel,
@@ -57,6 +78,7 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
   const {
     topModal
   } = (0, _react.useContext)(_topModalContext.default);
+
   const closeIcon = () => {
     if (!onCancel) return null;
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
@@ -67,11 +89,13 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
       type: "close"
     }));
   };
+
   const componentTags = {
     "data-component": "sidebar",
     "data-element": rest["data-element"],
     "data-role": rest["data-role"]
   };
+
   const sidebar = /*#__PURE__*/_react.default.createElement(_sidebar.default, _extends({
     "aria-modal": !enableBackgroundUI && (topModal === null || topModal === void 0 ? void 0 : topModal.contains(sidebarRef.current)),
     "aria-describedby": ariaDescribedBy,
@@ -101,6 +125,7 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
       isInSidebar: true
     }
   }, children)));
+
   return /*#__PURE__*/_react.default.createElement(_modal.default, _extends({
     open: open,
     onCancel: onCancel,
@@ -113,6 +138,7 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
     focusableSelectors: focusableSelectors
   }, sidebar));
 });
+
 exports.Sidebar = Sidebar;
 Sidebar.propTypes = {
   "aria-describedby": _propTypes.default.string,

package/lib/components/sidebar/sidebar.style.js

@@ -4,16 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _width = _interopRequireDefault(require("../../style/utils/width"));
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
+
 var _formStyleUtils = require("../../style/utils/form-style-utils");
+
 var _form = require("../form/form.style");
+
 var _sidebar = require("./sidebar.config");
+
 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 StyledSidebar = _styledComponents.default.div`
   // prevents outline being added in safari
   :focus {