@atlaskit/page-layout 3.4.6 → 3.5.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/page-layout
 
+## 3.5.0
+
+### Minor Changes
+
+- [#121452](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121452)
+  [`b49735b1f1e69`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b49735b1f1e69) -
+  Fix zindex for content container in page-layout behind FF
+  'ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p'. If successful will remove flag in
+  a cleanup PR.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 3.4.7
+
+### Patch Changes
+
+- [#120049](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120049)
+  [`77504ff274f72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77504ff274f72) -
+  DSP-19576: Assign names to anonymous default exports
+
 ## 3.4.6
 
 ### Patch Changes

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

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("@emotion/react");
-var _constants = require("../../common/constants");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _constants = require("@atlaskit/theme/constants");
+var _constants2 = require("../../common/constants");
 /**
  * @jsxRuntime classic
  */
@@ -13,12 +15,15 @@ var _constants = require("../../common/constants");
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
+var zIndexStyle = (0, _react.css)({
+  zIndex: _constants.layers.navigation()
+});
 var contentStyles = (0, _react.css)({
   display: 'flex',
   height: '100%',
   position: 'relative',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  gridArea: _constants.CONTENT
+  gridArea: _constants2.CONTENT
 });
 
 /**
@@ -34,7 +39,7 @@ var Content = function Content(props) {
     testId = props.testId;
   return (0, _react.jsx)("div", {
     "data-testid": testId,
-    css: contentStyles
+    css: [contentStyles, (0, _platformFeatureFlags.fg)('ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p') && zIndexStyle]
   }, children);
 };
 var _default = exports.default = Content;

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

@@ -84,7 +84,7 @@ var flyoutFixedStyles = (0, _react2.css)({
   width: _constants.COLLAPSED_LEFT_SIDEBAR_WIDTH
 });
 var selector = (0, _utils.getPageLayoutSlotSelector)('left-sidebar');
-var LeftSidebarOuter = function LeftSidebarOuter(_ref, ref) {
+var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
   var children = _ref.children,
     _ref$isFixed = _ref.isFixed,
     isFixed = _ref$isFixed === void 0 ? false : _ref$isFixed,
@@ -132,4 +132,7 @@ var LeftSidebarOuter = function LeftSidebarOuter(_ref, ref) {
     );
   });
 };
-var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(LeftSidebarOuter);
+var LeftSidebarOuter = /*#__PURE__*/(0, _react.forwardRef)(LeftSidebarOuterComponent);
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+var _default = exports.default = LeftSidebarOuter;

package/dist/cjs/components/slots/slot-dimensions.js

@@ -7,7 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _responsive = require("@atlaskit/primitives/responsive");
-var _default = exports.default = function _default(_ref) {
+/**
+ * Hoists slot dimension styles to the root element.
+ */
+var SlotDimensions = function SlotDimensions(_ref) {
   var variableName = _ref.variableName,
     value = _ref.value,
     mobileValue = _ref.mobileValue;
@@ -31,4 +34,5 @@ var _default = exports.default = function _default(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
     _react.default.createElement("style", null, style)
   );
-};
+};
+var _default = exports.default = SlotDimensions;

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

@@ -3,9 +3,16 @@
  */
 /** @jsx jsx */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { layers } from '@atlaskit/theme/constants';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { CONTENT } from '../../common/constants';
+const zIndexStyle = css({
+  zIndex: layers.navigation()
+});
 const contentStyles = css({
   display: 'flex',
   height: '100%',
@@ -29,7 +36,7 @@ const Content = props => {
   } = props;
   return jsx("div", {
     "data-testid": testId,
-    css: contentStyles
+    css: [contentStyles, fg('ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p') && zIndexStyle]
   }, children);
 };
 export default Content;

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

@@ -81,7 +81,7 @@ const flyoutFixedStyles = css({
   width: COLLAPSED_LEFT_SIDEBAR_WIDTH
 });
 const selector = getPageLayoutSlotSelector('left-sidebar');
-const LeftSidebarOuter = ({
+const LeftSidebarOuterComponent = ({
   children,
   isFixed = false,
   // NOTE: We explicitly require this via props because of `LeftSidebarWithoutResize`
@@ -131,4 +131,7 @@ const LeftSidebarOuter = ({
     ref: ref
   }, selector), children));
 };
-export default /*#__PURE__*/forwardRef(LeftSidebarOuter);
+const LeftSidebarOuter = /*#__PURE__*/forwardRef(LeftSidebarOuterComponent);
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default LeftSidebarOuter;

package/dist/es2019/components/slots/slot-dimensions.js

@@ -1,6 +1,9 @@
 import React from 'react';
 import { UNSAFE_media } from '@atlaskit/primitives/responsive';
-export default (({
+/**
+ * Hoists slot dimension styles to the root element.
+ */
+const SlotDimensions = ({
   variableName,
   value,
   mobileValue
@@ -25,4 +28,5 @@ export default (({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
     React.createElement("style", null, style)
   );
-});
+};
+export default SlotDimensions;

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

@@ -3,9 +3,16 @@
  */
 /** @jsx jsx */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { layers } from '@atlaskit/theme/constants';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 import { CONTENT } from '../../common/constants';
+var zIndexStyle = css({
+  zIndex: layers.navigation()
+});
 var contentStyles = css({
   display: 'flex',
   height: '100%',
@@ -27,7 +34,7 @@ var Content = function Content(props) {
     testId = props.testId;
   return jsx("div", {
     "data-testid": testId,
-    css: contentStyles
+    css: [contentStyles, fg('ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p') && zIndexStyle]
   }, children);
 };
 export default Content;

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

@@ -76,7 +76,7 @@ var flyoutFixedStyles = css({
   width: COLLAPSED_LEFT_SIDEBAR_WIDTH
 });
 var selector = getPageLayoutSlotSelector('left-sidebar');
-var LeftSidebarOuter = function LeftSidebarOuter(_ref, ref) {
+var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
   var children = _ref.children,
     _ref$isFixed = _ref.isFixed,
     isFixed = _ref$isFixed === void 0 ? false : _ref$isFixed,
@@ -124,4 +124,7 @@ var LeftSidebarOuter = function LeftSidebarOuter(_ref, ref) {
     );
   });
 };
-export default /*#__PURE__*/forwardRef(LeftSidebarOuter);
+var LeftSidebarOuter = /*#__PURE__*/forwardRef(LeftSidebarOuterComponent);
+
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
+export default LeftSidebarOuter;

package/dist/esm/components/slots/slot-dimensions.js

@@ -1,6 +1,9 @@
 import React from 'react';
 import { UNSAFE_media } from '@atlaskit/primitives/responsive';
-export default (function (_ref) {
+/**
+ * Hoists slot dimension styles to the root element.
+ */
+var SlotDimensions = function SlotDimensions(_ref) {
   var variableName = _ref.variableName,
     value = _ref.value,
     mobileValue = _ref.mobileValue;
@@ -24,4 +27,5 @@ export default (function (_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles -- Ignored via go/DSP-18766
     React.createElement("style", null, style)
   );
-});
+};
+export default SlotDimensions;

package/dist/types/components/slots/internal/left-sidebar-outer.d.ts

@@ -12,5 +12,5 @@ type LeftSidebarOuterProps = {
     onMouseLeave?: MouseEventHandler;
     onClick?: MouseEventHandler;
 };
-declare const _default: import("react").ForwardRefExoticComponent<LeftSidebarOuterProps & import("react").RefAttributes<HTMLDivElement>>;
-export default _default;
+declare const LeftSidebarOuter: import("react").ForwardRefExoticComponent<LeftSidebarOuterProps & import("react").RefAttributes<HTMLDivElement>>;
+export default LeftSidebarOuter;

package/dist/types/components/slots/slot-dimensions.d.ts

@@ -4,5 +4,8 @@ interface SlotDimensionsProps {
     value?: number;
     mobileValue?: number;
 }
-declare const _default: ({ variableName, value, mobileValue }: SlotDimensionsProps) => JSX.Element;
-export default _default;
+/**
+ * Hoists slot dimension styles to the root element.
+ */
+declare const SlotDimensions: ({ variableName, value, mobileValue }: SlotDimensionsProps) => JSX.Element;
+export default SlotDimensions;

package/dist/types-ts4.5/components/slots/internal/left-sidebar-outer.d.ts

@@ -12,5 +12,5 @@ type LeftSidebarOuterProps = {
     onMouseLeave?: MouseEventHandler;
     onClick?: MouseEventHandler;
 };
-declare const _default: import("react").ForwardRefExoticComponent<LeftSidebarOuterProps & import("react").RefAttributes<HTMLDivElement>>;
-export default _default;
+declare const LeftSidebarOuter: import("react").ForwardRefExoticComponent<LeftSidebarOuterProps & import("react").RefAttributes<HTMLDivElement>>;
+export default LeftSidebarOuter;

package/dist/types-ts4.5/components/slots/slot-dimensions.d.ts

@@ -4,5 +4,8 @@ interface SlotDimensionsProps {
     value?: number;
     mobileValue?: number;
 }
-declare const _default: ({ variableName, value, mobileValue }: SlotDimensionsProps) => JSX.Element;
-export default _default;
+/**
+ * Hoists slot dimension styles to the root element.
+ */
+declare const SlotDimensions: ({ variableName, value, mobileValue }: SlotDimensionsProps) => JSX.Element;
+export default SlotDimensions;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/page-layout",
-	"version": "3.4.6",
+	"version": "3.5.0",
 	"description": "A collection of components which let you compose an application's page layout.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^11.0.0",
 		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.53.0",
+		"@atlaskit/tokens": "^1.56.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0",
@@ -59,11 +59,11 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
-		"@atlaskit/atlassian-navigation": "^4.2.0",
+		"@atlaskit/atlassian-navigation": "^4.3.0",
 		"@atlaskit/atlassian-notifications": "^0.4.0",
 		"@atlaskit/drawer": "^7.13.0",
 		"@atlaskit/logo": "^14.1.0",
-		"@atlaskit/menu": "^2.7.0",
+		"@atlaskit/menu": "^2.8.0",
 		"@atlaskit/notification-indicator": "^9.2.0",
 		"@atlaskit/notification-log-client": "^6.1.0",
 		"@atlaskit/popup": "^1.20.0",
@@ -119,6 +119,9 @@
 		},
 		"platform.atlassian.griffin-navigation-redesign": {
 			"type": "boolean"
+		},
+		"ally-jira-team.issue-sideview.inaccurate-reading-order_yna0p": {
+			"type": "boolean"
 		}
 	}
 }