@atlaskit/page-layout 1.6.0 → 1.6.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/page-layout
 
+## 1.6.1
+
+### Patch Changes
+
+- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+
 ## 1.6.0
 
 ### Minor Changes

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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

package/dist/types/common/types.d.ts

@@ -91,7 +91,7 @@ export interface LeftSidebarProps extends SlotWidthProps {
      */
     width?: number;
 }
-export declare type SidebarResizeControllerProps = {
+export type SidebarResizeControllerProps = {
     /**
      * React children!
      */
@@ -105,8 +105,8 @@ export declare type SidebarResizeControllerProps = {
      */
     onLeftSidebarCollapse?: (leftSidebarState: LeftSidebarState) => void;
 };
-export declare type DimensionNames = 'leftPanelWidth' | 'bannerHeight' | 'topNavigationHeight' | 'leftSidebarWidth' | 'leftSidebarFlyoutWidth' | 'rightSidebarWidth' | 'rightPanelWidth';
-export declare type Dimensions = Partial<Record<DimensionNames, number>>;
+export type DimensionNames = 'leftPanelWidth' | 'bannerHeight' | 'topNavigationHeight' | 'leftSidebarWidth' | 'leftSidebarFlyoutWidth' | 'rightSidebarWidth' | 'rightPanelWidth';
+export type Dimensions = Partial<Record<DimensionNames, number>>;
 export interface PageLayoutProps extends SidebarResizeControllerProps {
     skipLinksLabel?: string;
     /**

package/dist/types/common/utils.d.ts

@@ -2,7 +2,7 @@ import { DimensionNames, Dimensions } from './types';
 declare const emptyGridState: Dimensions;
 declare const mergeGridStateIntoStorage: (key: string, value: any) => void;
 declare const getGridStateFromStorage: (key: string) => any;
-declare const removeFromGridStateInStorage: (key: string, secondKey?: string | undefined) => void;
+declare const removeFromGridStateInStorage: (key: string, secondKey?: string) => void;
 declare const resolveDimension: (key: DimensionNames, dimension?: number, shouldPersist?: boolean) => any;
 declare const getLeftPanelWidth: () => number;
 declare const getLeftSidebarPercentage: (currentWidth: number, maxWidth: number) => number;

package/dist/types/components/resize-control/grab-area.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { ComponentProps } from 'react';
 import { jsx } from '@emotion/react';
-export declare type GrabAreaProps = {
+export type GrabAreaProps = {
     testId?: string;
     isLeftSidebarCollapsed: boolean;
 } & ComponentProps<'button'>;

package/dist/types/components/resize-control/types.d.ts

@@ -1,11 +1,11 @@
 import { ButtonHTMLAttributes, ElementType, ReactElement } from 'react';
 import { LeftSidebarState } from '../../controllers/sidebar-resize-context';
-export declare type ResizeButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+export type ResizeButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     isLeftSidebarCollapsed: boolean;
     label: string;
     testId?: string;
 };
-export declare type ResizeControlProps = {
+export type ResizeControlProps = {
     testId?: string;
     overrides?: {
         ResizeButton?: {

package/dist/types/components/skip-links/types.d.ts

@@ -1,8 +1,8 @@
-export declare type SkipLinkData = {
+export type SkipLinkData = {
     id: string;
     name: string;
     ref?: undefined;
 };
-export declare type SkipLinkWrapperProps = {
+export type SkipLinkWrapperProps = {
     skipLinksLabel?: string;
 };

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-declare type LeftSidebarInnerProps = {
+type LeftSidebarInnerProps = {
     children: ReactNode;
     isFixed?: boolean;
     isFlyoutOpen?: boolean;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { MouseEventHandler, ReactNode } from 'react';
-declare type LeftSidebarOuterProps = {
+type LeftSidebarOuterProps = {
     children: ReactNode;
     isFixed?: boolean;
     isFlyoutOpen?: boolean;

package/dist/types/components/slots/internal/resizable-children-wrapper.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-declare type ResizableChildrenWrapperProps = {
+type ResizableChildrenWrapperProps = {
     children: ReactNode;
     isFlyoutOpen?: boolean;
     isLeftSidebarCollapsed?: boolean;

package/dist/types/components/slots/internal/slot-focus-ring.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import type { ReactNode } from 'react';
 import { jsx } from '@emotion/react';
-declare type SlotFocusRingProps = {
+type SlotFocusRingProps = {
     children: (props: {
         className: string;
     }) => ReactNode;

package/dist/types/controllers/sidebar-resize-context.d.ts

@@ -1,5 +1,5 @@
 import { KeyboardEvent, MouseEvent } from 'react';
-export declare type LeftSidebarState = {
+export type LeftSidebarState = {
     isFlyoutOpen: boolean;
     isResizing: boolean;
     isLeftSidebarCollapsed: boolean;
@@ -8,7 +8,7 @@ export declare type LeftSidebarState = {
     flyoutLockCount: number;
     isFixed: boolean;
 };
-export declare type SidebarResizeContextValue = {
+export type SidebarResizeContextValue = {
     isLeftSidebarCollapsed: boolean;
     expandLeftSidebar: () => void;
     collapseLeftSidebar: (event?: MouseEvent | KeyboardEvent, collapseWithoutTransition?: boolean) => void;
@@ -19,7 +19,7 @@ export declare const SidebarResizeContext: import("react").Context<SidebarResize
 export declare const usePageLayoutResize: () => {
     isLeftSidebarCollapsed: boolean;
     expandLeftSidebar: () => void;
-    collapseLeftSidebar: (event?: MouseEvent<Element, globalThis.MouseEvent> | KeyboardEvent<Element> | undefined, collapseWithoutTransition?: boolean | undefined) => void;
+    collapseLeftSidebar: (event?: MouseEvent | KeyboardEvent, collapseWithoutTransition?: boolean) => void;
     leftSidebarState: LeftSidebarState;
 };
 /**

package/dist/types/controllers/skip-link-context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SkipLinkContextProps } from './types';
+import { SkipLinkContextProps, SkipLinkData } from './types';
 export declare const SkipLinksContext: import("react").Context<SkipLinkContextProps>;
 export declare const useSkipLinks: () => SkipLinkContextProps;
-export declare const useSkipLink: (id?: string | undefined, skipLinkTitle?: string | undefined) => void;
+export declare const useSkipLink: (id?: SkipLinkData['id'], skipLinkTitle?: SkipLinkData['skipLinkTitle']) => void;

package/dist/types/controllers/types.d.ts

@@ -1,9 +1,9 @@
-export declare type SkipLinkContextProps = {
+export type SkipLinkContextProps = {
     skipLinksData: SkipLinkData[];
     registerSkipLink: (skipLinkDate: SkipLinkData) => void;
     unregisterSkipLink: (id: string | undefined) => void;
 };
-export declare type SkipLinkData = {
+export type SkipLinkData = {
     /**
      * id for the element that will be skipped to
      */
@@ -17,6 +17,6 @@ export declare type SkipLinkData = {
      */
     listIndex?: number;
 };
-export declare type SkipLinkI18n = {
+export type SkipLinkI18n = {
     title: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/page-layout",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "A collection of components which let you compose an application's page layout.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,14 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -29,7 +37,7 @@
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/motion": "^1.4.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.3.0",
+    "@atlaskit/tokens": "^1.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1",
@@ -66,7 +74,7 @@
     "jest-emotion": "^10.0.32",
     "raf-stub": "^2.0.1",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "4.5.5"
+    "typescript": "~4.9.5"
   },
   "keywords": [
     "atlaskit",