@atlaskit/page-layout 1.2.4 → 1.2.7

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/page-layout
 
+## 1.2.7
+
+### Patch Changes
+
+- [`26b3e978512`](https://bitbucket.org/atlassian/atlassian-frontend/commits/26b3e978512) - Internal code change turning on new linting rules.
+- Updated dependencies
+
+## 1.2.6
+
+### Patch Changes
+
+- [`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) - Upgrading internal dependency (bind-event-listener) for improved internal types
+
+## 1.2.5
+
+### Patch Changes
+
+- [`e4b612d1c48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4b612d1c48) - Internal migration to bind-event-listener for safer DOM Event cleanup
+
 ## 1.2.4
 
 ### Patch Changes

package/__perf__/utils/perf-example.tsx

@@ -12,8 +12,8 @@ import {
   TopNavigation,
 } from '../../src';
 
-import JiraIntegrationExample from './product-integration/AtlassianNavigation';
-import Sidebar from './product-integration/SideNavigation';
+import JiraIntegrationExample from './product-integration/atlassian-navigation';
+import Sidebar from './product-integration/side-navigation';
 
 const wrapperStyles = css({
   boxSizing: 'border-box',

package/__perf__/utils/product-integration/{AtlassianNavigation.tsx → atlassian-navigation.tsx}

@@ -14,10 +14,10 @@ import {
 import Drawer from '@atlaskit/drawer';
 import { JiraIcon, JiraLogo } from '@atlaskit/logo';
 
-import { DefaultCreate } from './Create';
-import { HelpPopup } from './HelpPopup';
-import { NotificationsPopup } from './NotificationsPopup';
-import { ProfilePopup } from './ProfilePopup';
+import { DefaultCreate } from './create';
+import { HelpPopup } from './help-popup';
+import { NotificationsPopup } from './notifications-popup';
+import { ProfilePopup } from './profile-popup';
 
 const ProductHomeExample = () => (
   <ProductHome icon={JiraIcon} logo={JiraLogo} siteTitle="Extranet" />

package/__perf__/utils/product-integration/{Create.tsx → create.tsx}

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { Create } from '@atlaskit/atlassian-navigation';
+import noop from '@atlaskit/ds-lib/noop';
 import { token } from '@atlaskit/tokens';
 
 const StyledTooltip = () => (
@@ -17,7 +18,7 @@ export const DefaultCreate = () => (
   <Create
     buttonTooltip={<StyledTooltip />}
     iconButtonTooltip="Create button"
-    onClick={() => {}}
+    onClick={noop}
     text="Create"
     testId="create-cta"
   />

package/__perf__/utils/product-integration/{HelpPopup.tsx → help-popup.tsx}

@@ -3,6 +3,7 @@ import React, { useState } from 'react';
 import { Help } from '@atlaskit/atlassian-navigation';
 import { ButtonItem, MenuGroup, Section } from '@atlaskit/menu';
 import Popup from '@atlaskit/popup';
+
 const HelpContent = () => (
   <MenuGroup testId={'nav-help-content'}>
     <Section title="Help">

package/__perf__/utils/product-integration/{ProfilePopup.tsx → profile-popup.tsx}

@@ -1,13 +1,14 @@
 import React, { useState } from 'react';
 
 import { Profile } from '@atlaskit/atlassian-navigation';
+import noop from '@atlaskit/ds-lib/noop';
 import { ButtonItem, MenuGroup, Section } from '@atlaskit/menu';
 import Popup from '@atlaskit/popup';
 
 export const DefaultProfile = () => (
   <Profile
     icon={<img src={avatarUrl} alt="Your profile and settings" />}
-    onClick={() => {}}
+    onClick={noop}
     tooltip="Your profile and settings"
   />
 );

package/__perf__/utils/product-integration/{SampleFooter.tsx → sample-footer.tsx}

@@ -9,6 +9,7 @@ import { B400, N200 } from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
 
 const Container: React.FC<CustomItemComponentProps> = (props) => {
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   return <div {...props} />;
 };
 

package/__perf__/utils/product-integration/{SampleHeader.tsx → sample-header.tsx}

@@ -6,7 +6,9 @@ import { jsx } from '@emotion/core';
 import Icon from '@atlaskit/icon';
 import { CustomItemComponentProps } from '@atlaskit/menu';
 import { Header } from '@atlaskit/side-navigation';
+
 const Container: React.FC<CustomItemComponentProps> = (props) => {
+  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   return <div {...props} />;
 };
 

package/__perf__/utils/product-integration/{SideNavigation.tsx → side-navigation.tsx}

@@ -20,8 +20,8 @@ import {
   SideNavigation,
 } from '@atlaskit/side-navigation';
 
-import SampleFooter from './SampleFooter';
-import SampleHeader from './SampleHeader';
+import SampleFooter from './sample-footer';
+import SampleHeader from './sample-header';
 
 const LanguageSettings = () => {
   return (

package/dist/cjs/common/safe-local-storage.js

@@ -11,6 +11,7 @@ exports.default = void 0;
 var isLocalStorageSupported = function isLocalStorageSupported() {
   try {
     // use an random key to test
+    // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
     var testKey = "__test_".concat(Date.now(), "__");
     localStorage.setItem(testKey, testKey);
     localStorage.removeItem(testKey);

package/dist/cjs/components/resize-control/grab-area.js

@@ -68,11 +68,13 @@ var GrabArea = function GrabArea(_ref) {
   return (0, _core.jsx)("button", (0, _extends2.default)({}, grabAreaSelector, {
     "data-testid": testId,
     type: "button",
-    css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles]
+    css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
   }, rest), (0, _core.jsx)("span", (0, _extends2.default)({
     css: lineStyles
   }, grabAreaLineSelector)));
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var _default = GrabArea;
 exports.default = _default;

package/dist/cjs/components/resize-control/index.js

@@ -17,6 +17,8 @@ var _react = require("react");
 
 var _core = require("@emotion/core");
 
+var _bindEventListener = require("bind-event-listener");
+
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
 
 var _constants = require("../../common/constants");
@@ -75,6 +77,8 @@ var ResizeControl = function ResizeControl(_ref) {
       isGrabAreaFocused = _useState2[0],
       setIsGrabAreaFocused = _useState2[1];
 
+  var unbindEvents = (0, _react.useRef)(null);
+
   var toggleSideBar = function toggleSideBar(e) {
     if (isResizing) {
       return;
@@ -101,8 +105,13 @@ var ResizeControl = function ResizeControl(_ref) {
     }
 
     offset.current = event.clientX - leftSidebarState[_constants.VAR_LEFT_SIDEBAR_WIDTH] - (0, _utils.getLeftPanelWidth)();
-    document.addEventListener('mousemove', onMouseMove);
-    document.addEventListener('mouseup', onMouseUp);
+    unbindEvents.current = (0, _bindEventListener.bindAll)(document, [{
+      type: 'mousemove',
+      listener: onMouseMove
+    }, {
+      type: 'mouseup',
+      listener: onMouseUp
+    }]);
     document.documentElement.setAttribute(_constants.IS_SIDEBAR_DRAGGING, 'true');
 
     var newLeftbarState = _objectSpread(_objectSpread({}, leftSidebarState), {}, {
@@ -114,9 +123,11 @@ var ResizeControl = function ResizeControl(_ref) {
   };
 
   var cancelDrag = function cancelDrag(shouldCollapse) {
+    var _unbindEvents$current;
+
     onMouseMove.cancel();
-    document.removeEventListener('mousemove', onMouseMove);
-    document.removeEventListener('mouseup', onMouseUp);
+    (_unbindEvents$current = unbindEvents.current) === null || _unbindEvents$current === void 0 ? void 0 : _unbindEvents$current.call(unbindEvents);
+    unbindEvents.current = null;
     document.documentElement.removeAttribute(_constants.IS_SIDEBAR_DRAGGING);
     offset.current = 0;
     collapseLeftSidebar(undefined, true);
@@ -139,10 +150,12 @@ var ResizeControl = function ResizeControl(_ref) {
   });
 
   var cleanupAfterResize = function cleanupAfterResize() {
+    var _unbindEvents$current2;
+
     x.current = 0;
     offset.current = 0;
-    document.removeEventListener('mousemove', onMouseMove);
-    document.removeEventListener('mouseup', onMouseUp);
+    (_unbindEvents$current2 = unbindEvents.current) === null || _unbindEvents$current2 === void 0 ? void 0 : _unbindEvents$current2.call(unbindEvents);
+    unbindEvents.current = null;
   };
 
   var updatedLeftSidebarState = {};
@@ -289,7 +302,8 @@ var ResizeControl = function ResizeControl(_ref) {
     testId: testId && "".concat(testId, "-resize-button")
   }));
   /* eslint-enable jsx-a11y/role-supports-aria-props */
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var _default = ResizeControl;
 exports.default = _default;

package/dist/cjs/components/resize-control/resize-button.js

@@ -98,13 +98,15 @@ var ResizeButton = function ResizeButton(_ref) {
     "data-testid": testId // Prevents focus staying attached to the button
     // when pressed
     ,
-    onMouseDown: preventDefault
+    onMouseDown: preventDefault // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
   }, props), (0, _core.jsx)(_chevronRight.default, {
     label: ""
   }), (0, _core.jsx)("div", {
     css: increaseHitAreaStyles
   }));
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var _default = ResizeButton;
 exports.default = _default;

package/dist/cjs/components/resize-control/shadow.js

@@ -42,7 +42,8 @@ var Shadow = function Shadow(_ref) {
     "data-testid": testId,
     css: [shadowStyles, isDragging && draggingStyles]
   });
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var _default = Shadow;
 exports.default = _default;

package/dist/cjs/components/skip-links/skip-link-components.js

@@ -69,7 +69,8 @@ var assignIndex = function assignIndex(num, arr) {
   }
 
   return assignIndex(num + 1, arr);
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var SkipLinkWrapper = function SkipLinkWrapper(_ref) {
   var skipLinksLabel = _ref.skipLinksLabel;
@@ -179,7 +180,8 @@ var focusTargetRef = function focusTargetRef(href) {
 
     return false;
   };
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var SkipLink = function SkipLink(_ref3) {
   var href = _ref3.href,

package/dist/cjs/components/slots/banner.js

@@ -37,6 +37,14 @@ var bannerFixedStyles = (0, _core.css)({
   right: _constants.RIGHT_PANEL_WIDTH,
   left: _constants.LEFT_PANEL_WIDTH
 });
+/**
+ * __Banner__
+ *
+ * Provides a slot for a Banner within the PageLayout.
+ *
+ * - [Examples](https://atlassian.design/components/page-layout/examples)
+ * - [Code](https://atlassian.design/components/page-layout/code)
+ */
 
 var Banner = function Banner(props) {
   var children = props.children,

package/dist/cjs/components/slots/content.js

@@ -16,6 +16,14 @@ var contentStyles = (0, _core.css)({
   position: 'relative',
   gridArea: _constants.CONTENT
 });
+/**
+ * __Content__
+ *
+ * Provides a slot for your application content within the PageLayout.
+ *
+ * - [Examples](https://atlassian.design/components/page-layout/examples)
+ * - [Code](https://atlassian.design/components/page-layout/code)
+ */
 
 var Content = function Content(props) {
   var children = props.children,

package/dist/cjs/components/slots/internal/left-sidebar-inner.js

@@ -59,7 +59,8 @@ var LeftSidebarInner = function LeftSidebarInner(_ref) {
   return (0, _core.jsx)("div", {
     css: [!isFixed && staticInnerStyles, isFixed && fixedInnerStyles, isFixed && isFlyoutOpen && fixedInnerFlyoutStyles, isDragging && draggingStyles, prefersReducedMotionStyles]
   }, children);
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var _default = LeftSidebarInner;
 exports.default = _default;

package/dist/cjs/components/slots/internal/resizable-children-wrapper.js

@@ -57,7 +57,8 @@ var ResizableChildrenWrapper = function ResizableChildrenWrapper(_ref) {
   }, (0, _core.jsx)("div", {
     css: fixedChildrenWrapperStyles
   }, children));
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var _default = ResizableChildrenWrapper;
 exports.default = _default;

package/dist/cjs/components/slots/left-panel.js

@@ -36,6 +36,14 @@ var leftPanelFixedStyles = (0, _core.css)({
   bottom: 0,
   left: 0
 });
+/**
+ * __Left panel__
+ *
+ * Provides a slot for a left panel within the PageLayout.
+ *
+ * - [Examples](https://atlassian.design/components/page-layout/examples)
+ * - [Code](https://atlassian.design/components/page-layout/code)
+ */
 
 var LeftPanel = function LeftPanel(props) {
   var children = props.children,

package/dist/cjs/components/slots/left-sidebar-without-resize.js

@@ -26,6 +26,15 @@ var _leftSidebarOuter = _interopRequireDefault(require("./internal/left-sidebar-
 var _slotDimensions = _interopRequireDefault(require("./slot-dimensions"));
 
 /** @jsx jsx */
+
+/**
+ * __Left sidebar without resize__
+ *
+ * Provides a slot for a left sidebar without resize within the PageLayout.
+ *
+ * - [Examples](https://atlassian.design/components/page-layout/examples)
+ * - [Code](https://atlassian.design/components/page-layout/code)
+ */
 var LeftSidebarWithoutResize = function LeftSidebarWithoutResize(props) {
   var children = props.children,
       id = props.id,

package/dist/cjs/components/slots/left-sidebar.js

@@ -33,6 +33,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+/**
+ * __Left sidebar__
+ *
+ * Provides a slot for a left sidebar within the PageLayout.
+ *
+ * - [Examples](https://atlassian.design/components/page-layout/examples)
+ * - [Code](https://atlassian.design/components/page-layout/code)
+ */
 var LeftSidebar = function LeftSidebar(props) {
   var children = props.children,
       width = props.width,
@@ -250,7 +258,8 @@ var LeftSidebar = function LeftSidebar(props) {
     }, children), (0, _core.jsx)(_resizeControl.default, {
       testId: testId,
       resizeGrabAreaLabel: resizeGrabAreaLabel,
-      resizeButtonLabel: resizeButtonLabel,
+      resizeButtonLabel: resizeButtonLabel // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
+      ,
       overrides: overrides,
       onCollapse: onCollapse,
       onExpand: onExpand,

package/dist/cjs/components/slots/main.js

@@ -53,6 +53,14 @@ var draggingStyles = (0, _core.css)({
 var flyoutStyles = (0, _core.css)({
   marginLeft: "calc(-1 * var(--".concat(_constants.VAR_LEFT_SIDEBAR_FLYOUT, ", ").concat(_constants.DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH, "px) + ").concat(_constants.COLLAPSED_LEFT_SIDEBAR_WIDTH, "px)")
 });
+/**
+ * __Main__
+ *
+ * Provides a slot for main content within the PageLayout.
+ *
+ * - [Examples](https://atlassian.design/components/page-layout/examples)
+ * - [Code](https://atlassian.design/components/page-layout/code)
+ */
 
 var Main = function Main(props) {
   var children = props.children,

package/dist/cjs/components/slots/page-layout.js

@@ -32,6 +32,14 @@ var gridStyles = (0, _core.css)({
   gridTemplateRows: "".concat(_constants.BANNER_HEIGHT, " ").concat(_constants.TOP_NAVIGATION_HEIGHT, " auto"),
   outline: 'none'
 });
+/**
+ * __Page layout__
+ *
+ * A collection of components which let you compose an application's page layout.
+ *
+ * - [Examples](https://atlassian.design/components/page-layout/examples)
+ * - [Code](https://atlassian.design/components/page-layout/code)
+ */
 
 var PageLayout = function PageLayout(_ref) {
   var _ref$skipLinksLabel = _ref.skipLinksLabel,

package/dist/cjs/components/slots/right-panel.js

@@ -36,6 +36,14 @@ var fixedStyles = (0, _core.css)({
   right: 0,
   bottom: 0
 });
+/**
+ * __Right panel__
+ *
+ * Provides a slot for a right panel within the PageLayout.
+ *
+ * - [Examples](https://atlassian.design/components/page-layout/examples)
+ * - [Code](https://atlassian.design/components/page-layout/code)
+ */
 
 var RightPanel = function RightPanel(props) {
   var children = props.children,

package/dist/cjs/components/slots/right-sidebar.js

@@ -63,6 +63,14 @@ var fixedOuterStyles = (0, _core.css)({
     content: "''"
   }
 });
+/**
+ * __Right sidebar__
+ *
+ * Provides a slot for a right sidebar within the PageLayout.
+ *
+ * - [Examples](https://atlassian.design/components/page-layout/examples)
+ * - [Code](https://atlassian.design/components/page-layout/code)
+ */
 
 var RightSidebar = function RightSidebar(props) {
   var children = props.children,

package/dist/cjs/components/slots/top-navigation.js

@@ -37,6 +37,14 @@ var fixedStyles = (0, _core.css)({
   right: _constants.RIGHT_PANEL_WIDTH,
   left: _constants.LEFT_PANEL_WIDTH
 });
+/**
+ * __Top navigation__
+ *
+ * Provides a slot for top navigation within the PageLayout.
+ *
+ * - [Examples](https://atlassian.design/components/page-layout/examples)
+ * - [Code](https://atlassian.design/components/page-layout/code)
+ */
 
 var TopNavigation = function TopNavigation(props) {
   var children = props.children,

package/dist/cjs/controllers/sidebar-resize-context.js

@@ -13,14 +13,14 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+
 var _excluded = ["setLeftSidebarState"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var noop = function noop() {};
-
 var leftSidebarState = {
   isFlyoutOpen: false,
   isResizing: false,
@@ -29,13 +29,14 @@ var leftSidebarState = {
   lastLeftSidebarWidth: 0,
   flyoutLockCount: 0,
   isFixed: true
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 var SidebarResizeContext = /*#__PURE__*/(0, _react.createContext)({
   isLeftSidebarCollapsed: false,
-  expandLeftSidebar: noop,
-  collapseLeftSidebar: noop,
+  expandLeftSidebar: _noop.default,
+  collapseLeftSidebar: _noop.default,
   leftSidebarState: leftSidebarState,
-  setLeftSidebarState: noop
+  setLeftSidebarState: _noop.default
 });
 exports.SidebarResizeContext = SidebarResizeContext;
 
@@ -47,7 +48,7 @@ var usePageLayoutResize = function usePageLayoutResize() {
   return context;
 };
 /**
- * **WARNING:** This hook is intended as a temporary solution and
+ * _**WARNING:**_ This hook is intended as a temporary solution and
  * is likely to be removed in a future version of page-layout.
  *
  * ---

package/dist/cjs/controllers/sidebar-resize-controller.js

@@ -13,6 +13,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+
 var _motion = require("@atlaskit/motion");
 
 var _constants = require("../common/constants");
@@ -25,15 +27,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 
-var noop = function noop() {};
-
 var handleDataAttributesAndCb = function handleDataAttributesAndCb() {
-  var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : noop;
+  var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _noop.default;
   var isLeftSidebarCollapsed = arguments.length > 1 ? arguments[1] : undefined;
   var leftSidebarState = arguments.length > 2 ? arguments[2] : undefined;
   document.documentElement.removeAttribute(_constants.IS_SIDEBAR_COLLAPSING);
   callback(leftSidebarState);
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var SidebarResizeController = function SidebarResizeController(_ref) {
   var children = _ref.children,
@@ -60,6 +61,7 @@ var SidebarResizeController = function SidebarResizeController(_ref) {
       var $leftSidebarResizeController = document.querySelector("[".concat(_constants.GRAB_AREA_SELECTOR, "]"));
       var isCollapsed = !!$leftSidebarResizeController && $leftSidebarResizeController.hasAttribute('disabled');
       handleDataAttributesAndCb(isCollapsed ? onCollapse : onExpand, isCollapsed, leftSidebarState); // Make sure multiple event handlers do not get attached
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
 
       document.querySelector(leftSidebarSelector).removeEventListener('transitionend', transitionEventHandler);
     } // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -69,6 +71,7 @@ var SidebarResizeController = function SidebarResizeController(_ref) {
     var $leftSidebar = document.querySelector(leftSidebarSelector);
 
     if ($leftSidebar && !(0, _motion.isReducedMotion)()) {
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       $leftSidebar.addEventListener('transitionend', transitionEventHandler);
     }
   }, [isLeftSidebarCollapsed, leftSidebarSelector, leftSidebarState, onCollapse, onExpand, transitionEventHandler]);

package/dist/cjs/controllers/skip-link-context.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,12 +9,13 @@ exports.useSkipLinks = exports.useSkipLink = exports.SkipLinksContext = void 0;
 
 var _react = require("react");
 
-var noop = function noop() {};
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var SkipLinksContext = /*#__PURE__*/(0, _react.createContext)({
   skipLinksData: [],
-  registerSkipLink: noop,
-  unregisterSkipLink: noop
+  registerSkipLink: _noop.default,
+  unregisterSkipLink: _noop.default
 });
 exports.SkipLinksContext = SkipLinksContext;
 

package/dist/cjs/controllers/skip-link-controller.js

@@ -47,7 +47,8 @@ var byDOMOrder = function byDOMOrder(a, b) {
   }
 
   return indexA - indexB;
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 var SkipLinksController = function SkipLinksController(_ref) {
   var children = _ref.children;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/page-layout",
-	"version": "1.2.4",
+	"version": "1.2.7",
 	"sideEffects": false
 }

package/dist/es2019/common/safe-local-storage.js

@@ -4,6 +4,7 @@
 const isLocalStorageSupported = () => {
   try {
     // use an random key to test
+    // eslint-disable-next-line @repo/internal/react/disallow-unstable-values
     const testKey = `__test_${Date.now()}__`;
     localStorage.setItem(testKey, testKey);
     localStorage.removeItem(testKey);

package/dist/es2019/components/resize-control/grab-area.js

@@ -60,9 +60,11 @@ const GrabArea = ({
 }) => jsx("button", _extends({}, grabAreaSelector, {
   "data-testid": testId,
   type: "button",
-  css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles]
+  css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
 }, rest), jsx("span", _extends({
   css: lineStyles
-}, grabAreaLineSelector)));
+}, grabAreaLineSelector))); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export default GrabArea;