@atlaskit/page-layout 1.2.6 → 1.3.0

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,

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.6",
+	"version": "1.3.0",
 	"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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { B100, B200 } from '@atlaskit/theme/colors';
 import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/constants';
 
@@ -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;

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { useCallback, useContext, useMemo, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { bindAll } from 'bind-event-listener';
 import rafSchd from 'raf-schd';
 import { COLLAPSED_LEFT_SIDEBAR_WIDTH, DEFAULT_LEFT_SIDEBAR_WIDTH, IS_SIDEBAR_DRAGGING, MIN_LEFT_SIDEBAR_DRAG_THRESHOLD, RESIZE_BUTTON_SELECTOR, RESIZE_CONTROL_SELECTOR, VAR_LEFT_SIDEBAR_WIDTH } from '../../common/constants';
@@ -274,6 +274,7 @@ const ResizeControl = ({
     testId: testId && `${testId}-resize-button`
   }));
   /* eslint-enable jsx-a11y/role-supports-aria-props */
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export default ResizeControl;

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import ChevronRight from '@atlaskit/icon/glyph/chevron-right';
 import { easeOut } from '@atlaskit/motion/curves';
 import { mediumDurationMs, smallDurationMs } from '@atlaskit/motion/durations';
@@ -83,11 +83,13 @@ const ResizeButton = ({
   "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), jsx(ChevronRight, {
   label: ""
 }), jsx("div", {
   css: increaseHitAreaStyles
-}));
+})); // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export default ResizeButton;

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { easeOut } from '@atlaskit/motion';
 import { useIsSidebarDragging } from '../../common/hooks';
 const colorStops = `
@@ -38,6 +38,7 @@ const Shadow = ({
     "data-testid": testId,
     css: [shadowStyles, isDragging && draggingStyles]
   });
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export default Shadow;

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

@@ -1,7 +1,7 @@
 /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
 
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { easeOut, prefersReducedMotion } from '@atlaskit/motion';
 import { N30A, N60A } from '@atlaskit/theme/colors';
 import { PAGE_LAYOUT_CONTAINER_SELECTOR } from '../../common/constants';
@@ -50,7 +50,8 @@ const assignIndex = (num, arr) => {
   }
 
   return assignIndex(num + 1, arr);
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export const SkipLinkWrapper = ({
   skipLinksLabel
@@ -144,7 +145,8 @@ const focusTargetRef = href => event => {
   }
 
   return false;
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export const SkipLink = ({
   href,

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { BANNER, BANNER_HEIGHT, DEFAULT_BANNER_HEIGHT, LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, VAR_BANNER_HEIGHT } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';
 import { publishGridState, useSkipLink } from '../../controllers';
@@ -19,6 +19,14 @@ const bannerFixedStyles = css({
   right: RIGHT_PANEL_WIDTH,
   left: 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)
+ */
 
 const Banner = props => {
   const {

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { CONTENT } from '../../common/constants';
 const contentStyles = css({
   display: 'flex',
@@ -7,6 +7,14 @@ const contentStyles = css({
   position: 'relative',
   gridArea: 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)
+ */
 
 const Content = props => {
   const {

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { easeOut, prefersReducedMotion } from '@atlaskit/motion';
 import { BANNER_HEIGHT, LEFT_PANEL_WIDTH, LEFT_SIDEBAR_FLYOUT_WIDTH, LEFT_SIDEBAR_WIDTH, TOP_NAVIGATION_HEIGHT, TRANSITION_DURATION } from '../../../common/constants';
 import { useIsSidebarDragging } from '../../../common/hooks';
@@ -47,6 +47,7 @@ const LeftSidebarInner = ({
   return jsx("div", {
     css: [!isFixed && staticInnerStyles, isFixed && fixedInnerStyles, isFixed && isFlyoutOpen && fixedInnerFlyoutStyles, isDragging && draggingStyles, prefersReducedMotionStyles]
   }, children);
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export default LeftSidebarInner;

package/dist/es2019/components/slots/internal/left-sidebar-outer.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { forwardRef } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { easeOut, prefersReducedMotion } from '@atlaskit/motion';
 import { COLLAPSED_LEFT_SIDEBAR_WIDTH, LEFT_SIDEBAR_FLYOUT_WIDTH, LEFT_SIDEBAR_WIDTH, TRANSITION_DURATION } from '../../../common/constants';
 import { useIsSidebarDragging } from '../../../common/hooks';

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

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { prefersReducedMotion } from '@atlaskit/motion';
 import { TRANSITION_DURATION } from '../../../common/constants';
 import { useIsSidebarCollapsing } from '../../../common/hooks';
@@ -44,6 +44,7 @@ const ResizableChildrenWrapper = ({
   }, jsx("div", {
     css: fixedChildrenWrapperStyles
   }, children));
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export default ResizableChildrenWrapper;

package/dist/es2019/components/slots/internal/slot-focus-ring.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ClassNames, css, jsx } from '@emotion/core';
+import { ClassNames, css, jsx } from '@emotion/react';
 import { B100 } from '@atlaskit/theme/colors';
 const focusStyles = css({
   ':focus': {

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { DEFAULT_LEFT_PANEL_WIDTH, LEFT_PANEL, LEFT_PANEL_WIDTH, VAR_LEFT_PANEL_WIDTH } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';
 import { publishGridState, useSkipLink } from '../../controllers';
@@ -18,6 +18,14 @@ const leftPanelFixedStyles = 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)
+ */
 
 const LeftPanel = props => {
   const {

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

@@ -1,12 +1,20 @@
 /** @jsx jsx */
 import { useEffect } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { VAR_LEFT_SIDEBAR_WIDTH } from '../../common/constants';
 import { resolveDimension } from '../../common/utils';
 import { publishGridState, useSkipLink } from '../../controllers';
 import LeftSidebarInner from './internal/left-sidebar-inner';
 import LeftSidebarOuter from './internal/left-sidebar-outer';
 import SlotDimensions from './slot-dimensions';
+/**
+ * __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)
+ */
 
 const LeftSidebarWithoutResize = props => {
   const {

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

@@ -2,7 +2,7 @@
 
 /** @jsx jsx */
 import { useContext, useEffect, useRef } from 'react';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { COLLAPSED_LEFT_SIDEBAR_WIDTH, DEFAULT_LEFT_SIDEBAR_WIDTH, FLYOUT_DELAY, RESIZE_BUTTON_SELECTOR, VAR_LEFT_SIDEBAR_FLYOUT, VAR_LEFT_SIDEBAR_WIDTH } from '../../common/constants';
 import { getGridStateFromStorage, mergeGridStateIntoStorage, resolveDimension } from '../../common/utils';
 import { publishGridState, SidebarResizeContext, useSkipLink } from '../../controllers';
@@ -11,6 +11,14 @@ import LeftSidebarInner from './internal/left-sidebar-inner';
 import LeftSidebarOuter from './internal/left-sidebar-outer';
 import ResizableChildrenWrapper from './internal/resizable-children-wrapper';
 import SlotDimensions from './slot-dimensions';
+/**
+ * __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)
+ */
 
 const LeftSidebar = props => {
   const {
@@ -226,7 +234,8 @@ const LeftSidebar = props => {
     }, children), jsx(ResizeControl, {
       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/es2019/components/slots/main.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { useContext } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { prefersReducedMotion } from '@atlaskit/motion/accessibility';
 import { easeOut } from '@atlaskit/motion/curves';
 import { COLLAPSED_LEFT_SIDEBAR_WIDTH, DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH, TRANSITION_DURATION, VAR_LEFT_SIDEBAR_FLYOUT } from '../../common/constants';
@@ -35,6 +35,14 @@ const draggingStyles = css({
 const flyoutStyles = css({
   marginLeft: `calc(-1 * var(--${VAR_LEFT_SIDEBAR_FLYOUT}, ${DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH}px) + ${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)
+ */
 
 const Main = props => {
   const {

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { Fragment } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { BANNER, BANNER_HEIGHT, CONTENT, DEFAULT_I18N_PROPS_SKIP_LINKS, LEFT_PANEL, LEFT_PANEL_WIDTH, PAGE_LAYOUT_CONTAINER_SELECTOR, RIGHT_PANEL, RIGHT_PANEL_WIDTH, TOP_NAVIGATION, TOP_NAVIGATION_HEIGHT } from '../../common/constants';
 import { SidebarResizeController, SkipLinksController } from '../../controllers';
 import { SkipLinkWrapper } from '../skip-links';
@@ -22,6 +22,14 @@ const gridStyles = css({
   gridTemplateRows: `${BANNER_HEIGHT} ${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)
+ */
 
 const PageLayout = ({
   skipLinksLabel = DEFAULT_I18N_PROPS_SKIP_LINKS,

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { DEFAULT_RIGHT_PANEL_WIDTH, RIGHT_PANEL, RIGHT_PANEL_WIDTH, VAR_RIGHT_PANEL_WIDTH } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';
 import { publishGridState, useSkipLink } from '../../controllers';
@@ -18,6 +18,14 @@ const fixedStyles = 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)
+ */
 
 const RightPanel = props => {
   const {

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { BANNER_HEIGHT, DEFAULT_RIGHT_SIDEBAR_WIDTH, RIGHT_PANEL_WIDTH, RIGHT_SIDEBAR_WIDTH, TOP_NAVIGATION_HEIGHT, VAR_RIGHT_SIDEBAR_WIDTH } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';
 import { publishGridState, useSkipLink } from '../../controllers';
@@ -45,6 +45,14 @@ const fixedOuterStyles = 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)
+ */
 
 const RightSidebar = props => {
   const {

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { useEffect } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { BANNER_HEIGHT, DEFAULT_TOP_NAVIGATION_HEIGHT, LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, TOP_NAVIGATION, TOP_NAVIGATION_HEIGHT, VAR_TOP_NAVIGATION_HEIGHT } from '../../common/constants';
 import { getPageLayoutSlotSelector, resolveDimension } from '../../common/utils';
 import { publishGridState, useSkipLink } from '../../controllers';
@@ -19,6 +19,14 @@ const fixedStyles = css({
   right: RIGHT_PANEL_WIDTH,
   left: 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)
+ */
 
 const TopNavigation = props => {
   const {

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

@@ -1,7 +1,5 @@
 import { createContext, useContext, useEffect } from 'react';
-
-const noop = () => {};
-
+import noop from '@atlaskit/ds-lib/noop';
 const leftSidebarState = {
   isFlyoutOpen: false,
   isResizing: false,
@@ -10,7 +8,8 @@ const leftSidebarState = {
   lastLeftSidebarWidth: 0,
   flyoutLockCount: 0,
   isFixed: true
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 export const SidebarResizeContext = /*#__PURE__*/createContext({
   isLeftSidebarCollapsed: false,
   expandLeftSidebar: noop,
@@ -26,7 +25,7 @@ export const 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/es2019/controllers/sidebar-resize-controller.js

@@ -1,15 +1,15 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import noop from '@atlaskit/ds-lib/noop';
 import { isReducedMotion } from '@atlaskit/motion';
 import { COLLAPSED_LEFT_SIDEBAR_WIDTH, DEFAULT_LEFT_SIDEBAR_WIDTH, GRAB_AREA_SELECTOR, IS_SIDEBAR_COLLAPSING } from '../common/constants';
 import { getPageLayoutSlotCSSSelector } from '../common/utils';
 import { SidebarResizeContext } from './sidebar-resize-context';
 
-const noop = () => {};
-
 const handleDataAttributesAndCb = (callback = noop, isLeftSidebarCollapsed, leftSidebarState) => {
   document.documentElement.removeAttribute(IS_SIDEBAR_COLLAPSING);
   callback(leftSidebarState);
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export const SidebarResizeController = ({
   children,

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

@@ -1,7 +1,6 @@
 import { createContext, useContext, useEffect } from 'react';
-
-const noop = () => {};
-
+import noop from '@atlaskit/ds-lib/noop';
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export const SkipLinksContext = /*#__PURE__*/createContext({
   skipLinksData: [],
   registerSkipLink: noop,

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

@@ -26,7 +26,8 @@ const byDOMOrder = (a, b) => {
   }
 
   return indexA - indexB;
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export const SkipLinksController = ({
   children

package/dist/es2019/version.json

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

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

@@ -4,6 +4,7 @@
 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/esm/components/resize-control/grab-area.js

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["testId", "isLeftSidebarCollapsed"];
 
 /** @jsx jsx */
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { B100, B200 } from '@atlaskit/theme/colors';
 import { GRAB_AREA_LINE_SELECTOR, GRAB_AREA_SELECTOR } from '../../common/constants';
 
@@ -59,10 +59,12 @@ var GrabArea = function GrabArea(_ref) {
   return 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)));
-};
+}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+
 
 export default GrabArea;

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

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 /** @jsx jsx */
 import { useCallback, useContext, useMemo, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { bindAll } from 'bind-event-listener';
 import rafSchd from 'raf-schd';
 import { COLLAPSED_LEFT_SIDEBAR_WIDTH, DEFAULT_LEFT_SIDEBAR_WIDTH, IS_SIDEBAR_DRAGGING, MIN_LEFT_SIDEBAR_DRAG_THRESHOLD, RESIZE_BUTTON_SELECTOR, RESIZE_CONTROL_SELECTOR, VAR_LEFT_SIDEBAR_WIDTH } from '../../common/constants';
@@ -286,6 +286,7 @@ 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
+
 
 export default ResizeControl;