@atlaskit/page-layout 1.3.7 → 1.3.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/page-layout
 
+## 1.3.9
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.3.8
+
+### Patch Changes
+
+- [`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add `allowedSideEffects` when loading the page.
+
 ## 1.3.7
 
 ### Patch Changes

package/dist/cjs/common/constants.js

@@ -19,8 +19,9 @@ var VAR_BANNER_HEIGHT = 'bannerHeight';
 exports.VAR_BANNER_HEIGHT = VAR_BANNER_HEIGHT;
 var VAR_LEFT_SIDEBAR_FLYOUT = 'leftSidebarFlyoutWidth';
 exports.VAR_LEFT_SIDEBAR_FLYOUT = VAR_LEFT_SIDEBAR_FLYOUT;
-var DIMENSIONS = [VAR_LEFT_PANEL_WIDTH, VAR_RIGHT_PANEL_WIDTH, VAR_BANNER_HEIGHT, VAR_TOP_NAVIGATION_HEIGHT, VAR_LEFT_SIDEBAR_WIDTH, VAR_RIGHT_SIDEBAR_WIDTH]; // Grid area names
+var DIMENSIONS = [VAR_LEFT_PANEL_WIDTH, VAR_RIGHT_PANEL_WIDTH, VAR_BANNER_HEIGHT, VAR_TOP_NAVIGATION_HEIGHT, VAR_LEFT_SIDEBAR_WIDTH, VAR_RIGHT_SIDEBAR_WIDTH];
 
+// Grid area names
 exports.DIMENSIONS = DIMENSIONS;
 var LEFT_PANEL = 'left-panel';
 exports.LEFT_PANEL = LEFT_PANEL;
@@ -36,8 +37,9 @@ var MAIN = 'main';
 exports.MAIN = MAIN;
 var LEFT_SIDEBAR = 'left-sidebar';
 exports.LEFT_SIDEBAR = LEFT_SIDEBAR;
-var RIGHT_SIDEBAR = 'right-sidebar'; // Default slot dimension values
+var RIGHT_SIDEBAR = 'right-sidebar';
 
+// Default slot dimension values
 exports.RIGHT_SIDEBAR = RIGHT_SIDEBAR;
 var DEFAULT_BANNER_HEIGHT = 56;
 exports.DEFAULT_BANNER_HEIGHT = DEFAULT_BANNER_HEIGHT;
@@ -49,8 +51,9 @@ var DEFAULT_RIGHT_SIDEBAR_WIDTH = 280;
 exports.DEFAULT_RIGHT_SIDEBAR_WIDTH = DEFAULT_RIGHT_SIDEBAR_WIDTH;
 var DEFAULT_RIGHT_PANEL_WIDTH = 368;
 exports.DEFAULT_RIGHT_PANEL_WIDTH = DEFAULT_RIGHT_PANEL_WIDTH;
-var DEFAULT_LEFT_PANEL_WIDTH = 368; // Other constants
+var DEFAULT_LEFT_PANEL_WIDTH = 368;
 
+// Other constants
 exports.DEFAULT_LEFT_PANEL_WIDTH = DEFAULT_LEFT_PANEL_WIDTH;
 var COLLAPSED_LEFT_SIDEBAR_WIDTH = 20;
 exports.COLLAPSED_LEFT_SIDEBAR_WIDTH = COLLAPSED_LEFT_SIDEBAR_WIDTH;
@@ -66,8 +69,9 @@ var FLYOUT_DELAY = 200;
 exports.FLYOUT_DELAY = FLYOUT_DELAY;
 var LEFT_SIDEBAR_EXPANDED_WIDTH = 'expandedLeftSidebarWidth';
 exports.LEFT_SIDEBAR_EXPANDED_WIDTH = LEFT_SIDEBAR_EXPANDED_WIDTH;
-var PAGE_LAYOUT_LS_KEY = 'DS_PAGE_LAYOUT_UI_STATE'; // Data attributes
+var PAGE_LAYOUT_LS_KEY = 'DS_PAGE_LAYOUT_UI_STATE';
 
+// Data attributes
 exports.PAGE_LAYOUT_LS_KEY = PAGE_LAYOUT_LS_KEY;
 var IS_SIDEBAR_DRAGGING = 'data-is-sidebar-dragging';
 exports.IS_SIDEBAR_DRAGGING = IS_SIDEBAR_DRAGGING;

package/dist/cjs/common/hooks/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "useIsSidebarDragging", {
     return _useIsSidebarDragging.default;
   }
 });
-
 var _useIsSidebarCollapsing = _interopRequireDefault(require("./use-is-sidebar-collapsing"));
-
 var _useIsSidebarDragging = _interopRequireDefault(require("./use-is-sidebar-dragging"));

package/dist/cjs/common/hooks/use-is-sidebar-collapsing.js

@@ -1,33 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _constants = require("../constants");
-
 var getIsCollapsing = function getIsCollapsing() {
   // SSR bail-out because document is undefined on the server
   if (typeof document === 'undefined') {
     return false;
   }
-
   return document.documentElement.getAttribute(_constants.IS_SIDEBAR_COLLAPSING) === 'true';
 };
-
 var useIsSidebarCollapsing = function useIsSidebarCollapsing() {
   var _useState = (0, _react.useState)(getIsCollapsing),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isCollapsing = _useState2[0],
-      setIsCollapsing = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isCollapsing = _useState2[0],
+    setIsCollapsing = _useState2[1];
   (0, _react.useEffect)(function () {
     var observer = new MutationObserver(function () {
       setIsCollapsing(getIsCollapsing);
@@ -41,6 +33,5 @@ var useIsSidebarCollapsing = function useIsSidebarCollapsing() {
   }, []);
   return isCollapsing;
 };
-
 var _default = useIsSidebarCollapsing;
 exports.default = _default;

package/dist/cjs/common/hooks/use-is-sidebar-dragging.js

@@ -1,33 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _constants = require("../constants");
-
 var getIsDragging = function getIsDragging() {
   // SSR bail-out because document is undefined on the server
   if (typeof document === 'undefined') {
     return false;
   }
-
   return document.documentElement.getAttribute(_constants.IS_SIDEBAR_DRAGGING) === 'true';
 };
-
 var useIsSidebarDragging = function useIsSidebarDragging() {
   var _useState = (0, _react.useState)(getIsDragging),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isDragging = _useState2[0],
-      setIsDragging = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isDragging = _useState2[0],
+    setIsDragging = _useState2[1];
   (0, _react.useEffect)(function () {
     var observer = new MutationObserver(function () {
       setIsDragging(getIsDragging);
@@ -41,6 +33,5 @@ var useIsSidebarDragging = function useIsSidebarDragging() {
   }, []);
   return isDragging;
 };
-
 var _default = useIsSidebarDragging;
 exports.default = _default;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 // Reliably test against conditions like
 // localStorage being full or private mode in Safari being a .
 // https://gist.github.com/paulirish/5558557
@@ -20,13 +19,12 @@ var isLocalStorageSupported = function isLocalStorageSupported() {
     return false;
   }
 };
-
 var safeLocalStorage = function safeLocalStorage() {
   if (isLocalStorageSupported()) {
     return localStorage;
-  } // Returning a mock object here in the case that this is run in SSR mode
-
+  }
 
+  // Returning a mock object here in the case that this is run in SSR mode
   if (typeof window === 'undefined') {
     return {
       getItem: function getItem(_key) {
@@ -44,24 +42,19 @@ var safeLocalStorage = function safeLocalStorage() {
       key: function key(_index) {
         return null;
       },
-
       get length() {
         return 0;
       }
-
     };
   }
-
   if (window.__localStorageFallback && Object.keys(window.__localStorageFallback).length !== 0) {
     return window.__localStorageFallback;
   }
-
   var storageAPI = {
     getItem: function getItem(key) {
       if (window.__localStorageFallback.hasOwnProperty(key)) {
         return window.__localStorageFallback[key];
       }
-
       return null;
     },
     setItem: function setItem(key, value) {
@@ -77,19 +70,15 @@ var safeLocalStorage = function safeLocalStorage() {
         }
       }
     },
-
     get length() {
       if (!window.__localStorageFallback) {
         return 0;
       }
-
       return Object.keys(window.__localStorageFallback).length;
     }
-
   };
   window.__localStorageFallback = Object.create(storageAPI);
   return window.__localStorageFallback;
 };
-
 var _default = safeLocalStorage;
 exports.default = _default;

package/dist/cjs/common/utils.js

@@ -1,113 +1,78 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.resolveDimension = exports.removeFromGridStateInStorage = exports.mergeGridStateIntoStorage = exports.getPageLayoutSlotSelector = exports.getPageLayoutSlotCSSSelector = exports.getLeftSidebarPercentage = exports.getLeftPanelWidth = exports.getGridStateFromStorage = exports.emptyGridState = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _constants = require("./constants");
-
 var _safeLocalStorage = _interopRequireDefault(require("./safe-local-storage"));
-
 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 emptyGridState = _constants.DIMENSIONS.reduce(function (acc, currentValue) {
   return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, currentValue, 0));
 }, {});
-
 exports.emptyGridState = emptyGridState;
-
 var mergeGridStateIntoStorage = function mergeGridStateIntoStorage(key, value) {
   var storageValue = JSON.parse((0, _safeLocalStorage.default)().getItem(_constants.PAGE_LAYOUT_LS_KEY) || '{}');
-
   if (value !== null && (0, _typeof2.default)(value) === 'object') {
     storageValue[key] = _objectSpread(_objectSpread({}, storageValue[key]), value);
   } else {
     storageValue[key] = value;
   }
-
   (0, _safeLocalStorage.default)().setItem(_constants.PAGE_LAYOUT_LS_KEY, JSON.stringify(storageValue));
 };
-
 exports.mergeGridStateIntoStorage = mergeGridStateIntoStorage;
-
 var getGridStateFromStorage = function getGridStateFromStorage(key) {
   var storageValue = JSON.parse((0, _safeLocalStorage.default)().getItem(_constants.PAGE_LAYOUT_LS_KEY) || '{}');
   return storageValue[key];
 };
-
 exports.getGridStateFromStorage = getGridStateFromStorage;
-
 var removeFromGridStateInStorage = function removeFromGridStateInStorage(key, secondKey) {
   var storageValue = JSON.parse((0, _safeLocalStorage.default)().getItem(_constants.PAGE_LAYOUT_LS_KEY) || '{}');
-
   if (secondKey && storageValue[key]) {
     delete storageValue[key][secondKey];
   } else {
     delete storageValue[key];
   }
-
   (0, _safeLocalStorage.default)().setItem(_constants.PAGE_LAYOUT_LS_KEY, JSON.stringify(storageValue));
 };
-
 exports.removeFromGridStateInStorage = removeFromGridStateInStorage;
-
 var resolveDimension = function resolveDimension(key) {
   var dimension = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var shouldPersist = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
   if (shouldPersist) {
     var cachedGridState = getGridStateFromStorage('gridState');
     return cachedGridState && Object.keys(cachedGridState).length > 0 && cachedGridState[key] ? cachedGridState[key] : dimension;
   }
-
   return dimension;
 };
-
 exports.resolveDimension = resolveDimension;
-
 var getLeftPanelWidth = function getLeftPanelWidth() {
   if (typeof window === 'undefined') {
     return 0;
   }
-
   return parseInt(window.getComputedStyle(document.documentElement).getPropertyValue("--".concat(_constants.LEFT_PANEL_WIDTH)), 10) || 0;
 };
-
 exports.getLeftPanelWidth = getLeftPanelWidth;
-
 var getLeftSidebarPercentage = function getLeftSidebarPercentage(currentWidth, maxWidth) {
   var total = (currentWidth - _constants.DEFAULT_LEFT_SIDEBAR_WIDTH) / (maxWidth - _constants.DEFAULT_LEFT_SIDEBAR_WIDTH);
-
   if (total < 0) {
     return 0;
   }
-
   if (total > 1) {
     return 100;
   }
-
   return Math.floor(total * 100);
 };
-
 exports.getLeftSidebarPercentage = getLeftSidebarPercentage;
-
 var getPageLayoutSlotSelector = function getPageLayoutSlotSelector(slotName) {
   return (0, _defineProperty2.default)({}, _constants.PAGE_LAYOUT_SLOT_SELECTOR, slotName);
 };
-
 exports.getPageLayoutSlotSelector = getPageLayoutSlotSelector;
-
 var getPageLayoutSlotCSSSelector = function getPageLayoutSlotCSSSelector(slotName) {
   return "[".concat(_constants.PAGE_LAYOUT_SLOT_SELECTOR, "='").concat(slotName, "']");
 };
-
 exports.getPageLayoutSlotCSSSelector = getPageLayoutSlotCSSSelector;

package/dist/cjs/components/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -77,27 +76,15 @@ Object.defineProperty(exports, "useCustomSkipLink", {
     return _skipLinks.useCustomSkipLink;
   }
 });
-
 var _pageLayout = _interopRequireDefault(require("./slots/page-layout"));
-
 var _main = _interopRequireDefault(require("./slots/main"));
-
 var _rightPanel = _interopRequireDefault(require("./slots/right-panel"));
-
 var _leftPanel = _interopRequireDefault(require("./slots/left-panel"));
-
 var _rightSidebar = _interopRequireDefault(require("./slots/right-sidebar"));
-
 var _leftSidebar = _interopRequireDefault(require("./slots/left-sidebar"));
-
 var _leftSidebarWithoutResize = _interopRequireDefault(require("./slots/left-sidebar-without-resize"));
-
 var _bannerSlot = _interopRequireDefault(require("./slots/banner-slot"));
-
 var _topNavigation = _interopRequireDefault(require("./slots/top-navigation"));
-
 var _content = _interopRequireDefault(require("./slots/content"));
-
 var _resizeControl = _interopRequireDefault(require("./resize-control"));
-
 var _skipLinks = require("./skip-links");

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = require("@emotion/react");
-
 var _colors = require("@atlaskit/theme/colors");
-
 var _constants = require("../../common/constants");
-
 var _excluded = ["testId", "isLeftSidebarCollapsed"];
-
 /**
  * Determines the color of the grab line.
  *
@@ -59,22 +50,22 @@ var lineStyles = (0, _react.css)({
   transition: 'background-color 200ms'
 });
 var grabAreaLineSelector = (0, _defineProperty2.default)({}, _constants.GRAB_AREA_LINE_SELECTOR, true);
-var grabAreaSelector = (0, _defineProperty2.default)({}, _constants.GRAB_AREA_SELECTOR, true); // TODO: Consider allowing this to be controlled using arrow keys
-
+var grabAreaSelector = (0, _defineProperty2.default)({}, _constants.GRAB_AREA_SELECTOR, true);
+// TODO: Consider allowing this to be controlled using arrow keys
 var GrabArea = function GrabArea(_ref) {
   var testId = _ref.testId,
-      isLeftSidebarCollapsed = _ref.isLeftSidebarCollapsed,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    isLeftSidebarCollapsed = _ref.isLeftSidebarCollapsed,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _react.jsx)("button", (0, _extends2.default)({}, grabAreaSelector, {
     "data-testid": testId,
     type: "button",
-    css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+    css: [grabAreaStyles, isLeftSidebarCollapsed && grabAreaCollapsedStyles]
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, rest), (0, _react.jsx)("span", (0, _extends2.default)({
     css: lineStyles
   }, grabAreaLineSelector)));
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var _default = GrabArea;
 exports.default = _default;