@atlaskit/page-layout 1.3.7 → 1.3.9

package/dist/cjs/controllers/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -53,13 +52,8 @@ Object.defineProperty(exports, "useSkipLinks", {
     return _skipLinkContext.useSkipLinks;
   }
 });
-
 var _usePageLayoutGrid = _interopRequireDefault(require("./use-page-layout-grid"));
-
 var _sidebarResizeContext = require("./sidebar-resize-context");
-
 var _sidebarResizeController = require("./sidebar-resize-controller");
-
 var _skipLinkContext = require("./skip-link-context");
-
 var _skipLinkController = require("./skip-link-controller");

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePageLayoutResize = exports.useLeftSidebarFlyoutLock = exports.SidebarResizeContext = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 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 leftSidebarState = {
   isFlyoutOpen: false,
   isResizing: false,
@@ -29,8 +20,8 @@ var leftSidebarState = {
   lastLeftSidebarWidth: 0,
   flyoutLockCount: 0,
   isFixed: true
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var SidebarResizeContext = /*#__PURE__*/(0, _react.createContext)({
   isLeftSidebarCollapsed: false,
   expandLeftSidebar: _noop.default,
@@ -39,14 +30,13 @@ var SidebarResizeContext = /*#__PURE__*/(0, _react.createContext)({
   setLeftSidebarState: _noop.default
 });
 exports.SidebarResizeContext = SidebarResizeContext;
-
 var usePageLayoutResize = function usePageLayoutResize() {
   var _useContext = (0, _react.useContext)(SidebarResizeContext),
-      setLeftSidebarState = _useContext.setLeftSidebarState,
-      context = (0, _objectWithoutProperties2.default)(_useContext, _excluded);
-
+    setLeftSidebarState = _useContext.setLeftSidebarState,
+    context = (0, _objectWithoutProperties2.default)(_useContext, _excluded);
   return context;
 };
+
 /**
  * _**WARNING:**_ This hook is intended as a temporary solution and
  * is likely to be removed in a future version of page-layout.
@@ -64,14 +54,10 @@ var usePageLayoutResize = function usePageLayoutResize() {
  * you are rendering. This way the left sidebar will be locked for
  * as long as the popup is open.
  */
-
-
 exports.usePageLayoutResize = usePageLayoutResize;
-
 var useLeftSidebarFlyoutLock = function useLeftSidebarFlyoutLock() {
   var _useContext2 = (0, _react.useContext)(SidebarResizeContext),
-      setLeftSidebarState = _useContext2.setLeftSidebarState;
-
+    setLeftSidebarState = _useContext2.setLeftSidebarState;
   (0, _react.useEffect)(function () {
     setLeftSidebarState(function (current) {
       return _objectSpread(_objectSpread({}, current), {}, {
@@ -87,5 +73,4 @@ var useLeftSidebarFlyoutLock = function useLeftSidebarFlyoutLock() {
     };
   }, [setLeftSidebarState]);
 };
-
 exports.useLeftSidebarFlyoutLock = useLeftSidebarFlyoutLock;

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

@@ -1,75 +1,61 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SidebarResizeController = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _motion = require("@atlaskit/motion");
-
 var _constants = require("../common/constants");
-
 var _utils = require("../common/utils");
-
 var _sidebarResizeContext = require("./sidebar-resize-context");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 handleDataAttributesAndCb = function handleDataAttributesAndCb() {
   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
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var SidebarResizeController = function SidebarResizeController(_ref) {
   var children = _ref.children,
-      onExpand = _ref.onLeftSidebarExpand,
-      onCollapse = _ref.onLeftSidebarCollapse;
-
+    onExpand = _ref.onLeftSidebarExpand,
+    onCollapse = _ref.onLeftSidebarCollapse;
   var _useState = (0, _react.useState)({
-    isFlyoutOpen: false,
-    isResizing: false,
-    isLeftSidebarCollapsed: false,
-    leftSidebarWidth: 0,
-    lastLeftSidebarWidth: 0,
-    flyoutLockCount: 0,
-    isFixed: true
-  }),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      leftSidebarState = _useState2[0],
-      setLeftSidebarState = _useState2[1];
-
+      isFlyoutOpen: false,
+      isResizing: false,
+      isLeftSidebarCollapsed: false,
+      leftSidebarWidth: 0,
+      lastLeftSidebarWidth: 0,
+      flyoutLockCount: 0,
+      isFixed: true
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    leftSidebarState = _useState2[0],
+    setLeftSidebarState = _useState2[1];
   var isLeftSidebarCollapsed = leftSidebarState.isLeftSidebarCollapsed;
   var leftSidebarSelector = (0, _utils.getPageLayoutSlotCSSSelector)('left-sidebar');
   var transitionEventHandler = (0, _react.useCallback)(function (event) {
     if (event.propertyName === 'width' && event.target && event.target.matches(leftSidebarSelector)) {
       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
+      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
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   (0, _react.useEffect)(function () {
     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);
@@ -77,14 +63,12 @@ var SidebarResizeController = function SidebarResizeController(_ref) {
   }, [isLeftSidebarCollapsed, leftSidebarSelector, leftSidebarState, onCollapse, onExpand, transitionEventHandler]);
   var expandLeftSidebar = (0, _react.useCallback)(function () {
     var lastLeftSidebarWidth = leftSidebarState.lastLeftSidebarWidth,
-        isResizing = leftSidebarState.isResizing,
-        flyoutLockCount = leftSidebarState.flyoutLockCount,
-        isFixed = leftSidebarState.isFixed;
-
+      isResizing = leftSidebarState.isResizing,
+      flyoutLockCount = leftSidebarState.flyoutLockCount,
+      isFixed = leftSidebarState.isFixed;
     if (isResizing) {
       return;
     }
-
     var width = Math.max(lastLeftSidebarWidth, _constants.DEFAULT_LEFT_SIDEBAR_WIDTH);
     var updatedLeftSidebarState = {
       isLeftSidebarCollapsed: false,
@@ -95,25 +79,25 @@ var SidebarResizeController = function SidebarResizeController(_ref) {
       flyoutLockCount: flyoutLockCount,
       isFixed: isFixed
     };
-    setLeftSidebarState(updatedLeftSidebarState); // onTransitionEnd isn't triggered when a user prefers reduced motion
+    setLeftSidebarState(updatedLeftSidebarState);
 
+    // onTransitionEnd isn't triggered when a user prefers reduced motion
     if ((0, _motion.isReducedMotion)()) {
       handleDataAttributesAndCb(onExpand, false, updatedLeftSidebarState);
     }
   }, [leftSidebarState, onExpand]);
   var collapseLeftSidebar = (0, _react.useCallback)(function (event, collapseWithoutTransition) {
     var leftSidebarWidth = leftSidebarState.leftSidebarWidth,
-        isResizing = leftSidebarState.isResizing,
-        flyoutLockCount = leftSidebarState.flyoutLockCount,
-        isFixed = leftSidebarState.isFixed,
-        isLeftSidebarCollapsed = leftSidebarState.isLeftSidebarCollapsed;
-
+      isResizing = leftSidebarState.isResizing,
+      flyoutLockCount = leftSidebarState.flyoutLockCount,
+      isFixed = leftSidebarState.isFixed,
+      isLeftSidebarCollapsed = leftSidebarState.isLeftSidebarCollapsed;
     if (isResizing || isLeftSidebarCollapsed) {
       return;
-    } // data-attribute is used as a CSS selector to sync the hiding/showing
-    // of the nav contents with expand/collapse animation
-
+    }
 
+    // data-attribute is used as a CSS selector to sync the hiding/showing
+    // of the nav contents with expand/collapse animation
     document.documentElement.setAttribute(_constants.IS_SIDEBAR_COLLAPSING, 'true');
     var updatedLeftSidebarState = {
       isLeftSidebarCollapsed: true,
@@ -124,8 +108,9 @@ var SidebarResizeController = function SidebarResizeController(_ref) {
       flyoutLockCount: flyoutLockCount,
       isFixed: isFixed
     };
-    setLeftSidebarState(updatedLeftSidebarState); // onTransitionEnd isn't triggered when a user prefers reduced motion
+    setLeftSidebarState(updatedLeftSidebarState);
 
+    // onTransitionEnd isn't triggered when a user prefers reduced motion
     if (collapseWithoutTransition || (0, _motion.isReducedMotion)()) {
       handleDataAttributesAndCb(onCollapse, true, updatedLeftSidebarState);
     }
@@ -143,5 +128,4 @@ var SidebarResizeController = function SidebarResizeController(_ref) {
     value: context
   }, children);
 };
-
 exports.SidebarResizeController = SidebarResizeController;

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

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSkipLinks = exports.useSkipLink = exports.SkipLinksContext = void 0;
-
 var _react = require("react");
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 var SkipLinksContext = /*#__PURE__*/(0, _react.createContext)({
   skipLinksData: [],
@@ -18,18 +14,14 @@ var SkipLinksContext = /*#__PURE__*/(0, _react.createContext)({
   unregisterSkipLink: _noop.default
 });
 exports.SkipLinksContext = SkipLinksContext;
-
 var useSkipLinks = function useSkipLinks() {
   return (0, _react.useContext)(SkipLinksContext);
 };
-
 exports.useSkipLinks = useSkipLinks;
-
 var useSkipLink = function useSkipLink(id, skipLinkTitle) {
   var _useSkipLinks = useSkipLinks(),
-      registerSkipLink = _useSkipLinks.registerSkipLink,
-      unregisterSkipLink = _useSkipLinks.unregisterSkipLink;
-
+    registerSkipLink = _useSkipLinks.registerSkipLink,
+    unregisterSkipLink = _useSkipLinks.unregisterSkipLink;
   (0, _react.useEffect)(function () {
     if (id && skipLinkTitle) {
       registerSkipLink({
@@ -37,11 +29,9 @@ var useSkipLink = function useSkipLink(id, skipLinkTitle) {
         skipLinkTitle: skipLinkTitle
       });
     }
-
     return function () {
       unregisterSkipLink(id);
     };
   }, [id, skipLinkTitle, registerSkipLink, unregisterSkipLink]);
 };
-
 exports.useSkipLink = useSkipLink;

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

@@ -1,43 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SkipLinksController = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _constants = require("../common/constants");
-
 var _skipLinkContext = require("./skip-link-context");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 byDOMOrder = function byDOMOrder(a, b) {
   var _a$listIndex, _b$listIndex;
-
   var elems = Array.from(document.querySelectorAll("[".concat(_constants.PAGE_LAYOUT_SLOT_SELECTOR, "]")));
   var elemA = document.getElementById(a.id);
   var elemB = document.getElementById(b.id);
   var indexA = (_a$listIndex = a.listIndex) !== null && _a$listIndex !== void 0 ? _a$listIndex : elems.indexOf(elemA);
   var indexB = (_b$listIndex = b.listIndex) !== null && _b$listIndex !== void 0 ? _b$listIndex : elems.indexOf(elemB);
+
   /**
    * If they are tied it is because one (or both) is
    * a custom skiplink with a set index.
    *
    * Give the custom skiplink priority.
    */
-
   if (indexA === indexB) {
     if (a.listIndex !== undefined) {
       return -1;
@@ -45,19 +34,16 @@ var byDOMOrder = function byDOMOrder(a, b) {
       return 1;
     }
   }
-
   return indexA - indexB;
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 var SkipLinksController = function SkipLinksController(_ref) {
   var children = _ref.children;
-
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      links = _useState2[0],
-      setLinks = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    links = _useState2[0],
+    setLinks = _useState2[1];
   var registerSkipLink = (0, _react.useRef)(function (skipLinkData) {
     // Don't add duplicate SkipLinks
     setLinks(function (oldLinks) {
@@ -67,7 +53,6 @@ var SkipLinksController = function SkipLinksController(_ref) {
       })) {
         return oldLinks;
       }
-
       return [].concat((0, _toConsumableArray2.default)(oldLinks), [skipLinkData]).sort(byDOMOrder);
     });
   });
@@ -87,5 +72,4 @@ var SkipLinksController = function SkipLinksController(_ref) {
     value: context
   }, children);
 };
-
 exports.SkipLinksController = SkipLinksController;

package/dist/cjs/controllers/use-page-layout-grid.js

@@ -1,37 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _utils = require("../common/utils");
-
 var publishGridState = function publishGridState(gridState) {
   Object.entries(gridState).forEach(function (_ref) {
     var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-        slotName = _ref2[0],
-        value = _ref2[1];
-
+      slotName = _ref2[0],
+      value = _ref2[1];
     if (!value) {
       document.documentElement.style.removeProperty("--".concat(slotName));
       (0, _utils.removeFromGridStateInStorage)('gridState', slotName);
       return;
-    } //Update the css variable
+    }
 
+    //Update the css variable
+    document.documentElement.style.setProperty("--".concat(slotName), "".concat(value, "px"));
 
-    document.documentElement.style.setProperty("--".concat(slotName), "".concat(value, "px")); // also update state in local storage so that
+    // also update state in local storage so that
     // it persists across page refresh, across tabs etc
-
     (0, _utils.mergeGridStateIntoStorage)('gridState', (0, _defineProperty2.default)({}, slotName, value));
   });
 };
-
 var _default = publishGridState;
 exports.default = _default;

package/dist/cjs/controllers/use-update-css-vars.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 function useUpdateCssVar(cssVar, value) {
   (0, _react.useEffect)(function () {
     document.documentElement.style.setProperty("--".concat(cssVar), "".concat(value, "px"));
@@ -15,6 +13,5 @@ function useUpdateCssVar(cssVar, value) {
     };
   }, [cssVar, value]);
 }
-
 var _default = useUpdateCssVar;
 exports.default = _default;

package/dist/cjs/index.js

@@ -117,9 +117,6 @@ Object.defineProperty(exports, "usePageLayoutResize", {
     return _controllers.usePageLayoutResize;
   }
 });
-
 var _components = require("./components");
-
 var _constants = require("./common/constants");
-
 var _controllers = require("./controllers");

package/dist/cjs/version.json

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

package/dist/es2019/common/constants.js

@@ -6,8 +6,9 @@ export const VAR_RIGHT_PANEL_WIDTH = 'rightPanelWidth';
 export const VAR_TOP_NAVIGATION_HEIGHT = 'topNavigationHeight';
 export const VAR_BANNER_HEIGHT = 'bannerHeight';
 export const VAR_LEFT_SIDEBAR_FLYOUT = 'leftSidebarFlyoutWidth';
-export const 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
+export const 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
 export const LEFT_PANEL = 'left-panel';
 export const RIGHT_PANEL = 'right-panel';
 export const BANNER = 'banner';
@@ -15,15 +16,17 @@ export const TOP_NAVIGATION = 'top-navigation';
 export const CONTENT = 'content';
 export const MAIN = 'main';
 export const LEFT_SIDEBAR = 'left-sidebar';
-export const RIGHT_SIDEBAR = 'right-sidebar'; // Default slot dimension values
+export const RIGHT_SIDEBAR = 'right-sidebar';
 
+// Default slot dimension values
 export const DEFAULT_BANNER_HEIGHT = 56;
 export const DEFAULT_TOP_NAVIGATION_HEIGHT = 56;
 export const DEFAULT_LEFT_SIDEBAR_WIDTH = 240;
 export const DEFAULT_RIGHT_SIDEBAR_WIDTH = 280;
 export const DEFAULT_RIGHT_PANEL_WIDTH = 368;
-export const DEFAULT_LEFT_PANEL_WIDTH = 368; // Other constants
+export const DEFAULT_LEFT_PANEL_WIDTH = 368;
 
+// Other constants
 export const COLLAPSED_LEFT_SIDEBAR_WIDTH = 20;
 export const MIN_LEFT_SIDEBAR_WIDTH = 80;
 export const DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = 240;
@@ -31,8 +34,9 @@ export const MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = 200;
 export const TRANSITION_DURATION = 300;
 export const FLYOUT_DELAY = 200;
 export const LEFT_SIDEBAR_EXPANDED_WIDTH = 'expandedLeftSidebarWidth';
-export const PAGE_LAYOUT_LS_KEY = 'DS_PAGE_LAYOUT_UI_STATE'; // Data attributes
+export const PAGE_LAYOUT_LS_KEY = 'DS_PAGE_LAYOUT_UI_STATE';
 
+// Data attributes
 export const IS_SIDEBAR_DRAGGING = 'data-is-sidebar-dragging';
 export const IS_SIDEBAR_COLLAPSING = 'data-is-sidebar-collapsing';
 export const IS_FLYOUT_OPEN = 'data-is-flyout-open';

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

@@ -1,15 +1,12 @@
 import { useEffect, useState } from 'react';
 import { IS_SIDEBAR_COLLAPSING } from '../constants';
-
 const getIsCollapsing = () => {
   // SSR bail-out because document is undefined on the server
   if (typeof document === 'undefined') {
     return false;
   }
-
   return document.documentElement.getAttribute(IS_SIDEBAR_COLLAPSING) === 'true';
 };
-
 const useIsSidebarCollapsing = () => {
   const [isCollapsing, setIsCollapsing] = useState(getIsCollapsing);
   useEffect(() => {
@@ -25,5 +22,4 @@ const useIsSidebarCollapsing = () => {
   }, []);
   return isCollapsing;
 };
-
 export default useIsSidebarCollapsing;

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

@@ -1,15 +1,12 @@
 import { useEffect, useState } from 'react';
 import { IS_SIDEBAR_DRAGGING } from '../constants';
-
 const getIsDragging = () => {
   // SSR bail-out because document is undefined on the server
   if (typeof document === 'undefined') {
     return false;
   }
-
   return document.documentElement.getAttribute(IS_SIDEBAR_DRAGGING) === 'true';
 };
-
 const useIsSidebarDragging = () => {
   const [isDragging, setIsDragging] = useState(getIsDragging);
   useEffect(() => {
@@ -25,5 +22,4 @@ const useIsSidebarDragging = () => {
   }, []);
   return isDragging;
 };
-
 export default useIsSidebarDragging;

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

@@ -13,13 +13,12 @@ const isLocalStorageSupported = () => {
     return false;
   }
 };
-
 const 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: _key => null,
@@ -27,24 +26,19 @@ const safeLocalStorage = () => {
       removeItem: _key => null,
       clear: () => null,
       key: _index => null,
-
       get length() {
         return 0;
       }
-
     };
   }
-
   if (window.__localStorageFallback && Object.keys(window.__localStorageFallback).length !== 0) {
     return window.__localStorageFallback;
   }
-
   const storageAPI = {
     getItem: key => {
       if (window.__localStorageFallback.hasOwnProperty(key)) {
         return window.__localStorageFallback[key];
       }
-
       return null;
     },
     setItem: (key, value) => {
@@ -60,18 +54,14 @@ const safeLocalStorage = () => {
         }
       }
     },
-
     get length() {
       if (!window.__localStorageFallback) {
         return 0;
       }
-
       return Object.keys(window.__localStorageFallback).length;
     }
-
   };
   window.__localStorageFallback = Object.create(storageAPI);
   return window.__localStorageFallback;
 };
-
 export default safeLocalStorage;