@atlaskit/page-layout 4.3.2 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/banner-slot/package.json +1 -8
  3. package/constants/package.json +1 -8
  4. package/content/package.json +1 -8
  5. package/left-panel/package.json +1 -8
  6. package/left-sidebar/package.json +1 -8
  7. package/left-sidebar-without-resize/package.json +1 -8
  8. package/main/package.json +1 -8
  9. package/package.json +20 -26
  10. package/page-layout/package.json +1 -8
  11. package/right-panel/package.json +1 -8
  12. package/right-sidebar/package.json +1 -8
  13. package/sidebar-resize-context/package.json +1 -8
  14. package/top-navigation/package.json +1 -8
  15. package/types/package.json +1 -8
  16. package/use-custom-skip-link/package.json +1 -8
  17. package/dist/types-ts4.5/common/constants.d.ts +0 -60
  18. package/dist/types-ts4.5/common/get-grid-state-from-storage.d.ts +0 -1
  19. package/dist/types-ts4.5/common/get-left-panel-width.d.ts +0 -1
  20. package/dist/types-ts4.5/common/get-left-sidebar-percentage.d.ts +0 -1
  21. package/dist/types-ts4.5/common/get-page-layout-slot-css-selector.d.ts +0 -1
  22. package/dist/types-ts4.5/common/get-page-layout-slot-selector.d.ts +0 -3
  23. package/dist/types-ts4.5/common/hooks/index.d.ts +0 -2
  24. package/dist/types-ts4.5/common/hooks/use-is-sidebar-collapsing.d.ts +0 -2
  25. package/dist/types-ts4.5/common/hooks/use-is-sidebar-dragging.d.ts +0 -2
  26. package/dist/types-ts4.5/common/merge-grid-state-into-storage.d.ts +0 -1
  27. package/dist/types-ts4.5/common/remove-from-grid-state-in-storage.d.ts +0 -1
  28. package/dist/types-ts4.5/common/resolve-dimension.d.ts +0 -2
  29. package/dist/types-ts4.5/common/safe-local-storage.d.ts +0 -2
  30. package/dist/types-ts4.5/common/types.d.ts +0 -129
  31. package/dist/types-ts4.5/components/index.d.ts +0 -12
  32. package/dist/types-ts4.5/components/resize-control/grab-area.d.ts +0 -20
  33. package/dist/types-ts4.5/components/resize-control/index.d.ts +0 -4
  34. package/dist/types-ts4.5/components/resize-control/resize-button.d.ts +0 -4
  35. package/dist/types-ts4.5/components/resize-control/shadow.d.ts +0 -9
  36. package/dist/types-ts4.5/components/resize-control/types.d.ts +0 -24
  37. package/dist/types-ts4.5/components/skip-links/index.d.ts +0 -2
  38. package/dist/types-ts4.5/components/skip-links/skip-link-components.d.ts +0 -2
  39. package/dist/types-ts4.5/components/skip-links/skip-link-wrapper.d.ts +0 -14
  40. package/dist/types-ts4.5/components/skip-links/skip-link.d.ts +0 -10
  41. package/dist/types-ts4.5/components/skip-links/types.d.ts +0 -3
  42. package/dist/types-ts4.5/components/skip-links/use-custom-skip-link.d.ts +0 -7
  43. package/dist/types-ts4.5/components/slots/banner-slot.d.ts +0 -14
  44. package/dist/types-ts4.5/components/slots/content.d.ts +0 -28
  45. package/dist/types-ts4.5/components/slots/internal/left-sidebar-inner.d.ts +0 -13
  46. package/dist/types-ts4.5/components/slots/internal/left-sidebar-outer.d.ts +0 -16
  47. package/dist/types-ts4.5/components/slots/internal/resizable-children-wrapper.d.ts +0 -15
  48. package/dist/types-ts4.5/components/slots/internal/slot-focus-ring.d.ts +0 -23
  49. package/dist/types-ts4.5/components/slots/left-panel.d.ts +0 -14
  50. package/dist/types-ts4.5/components/slots/left-sidebar-without-resize.d.ts +0 -14
  51. package/dist/types-ts4.5/components/slots/left-sidebar.d.ts +0 -19
  52. package/dist/types-ts4.5/components/slots/main.d.ts +0 -14
  53. package/dist/types-ts4.5/components/slots/page-layout.d.ts +0 -14
  54. package/dist/types-ts4.5/components/slots/right-panel.d.ts +0 -14
  55. package/dist/types-ts4.5/components/slots/right-sidebar.d.ts +0 -14
  56. package/dist/types-ts4.5/components/slots/slot-dimensions.d.ts +0 -11
  57. package/dist/types-ts4.5/components/slots/top-navigation.d.ts +0 -14
  58. package/dist/types-ts4.5/controllers/index.d.ts +0 -9
  59. package/dist/types-ts4.5/controllers/sidebar-resize-context.d.ts +0 -15
  60. package/dist/types-ts4.5/controllers/sidebar-resize-controller.d.ts +0 -3
  61. package/dist/types-ts4.5/controllers/skip-link-context.d.ts +0 -2
  62. package/dist/types-ts4.5/controllers/skip-link-controller.d.ts +0 -4
  63. package/dist/types-ts4.5/controllers/skip-links-context.d.ts +0 -3
  64. package/dist/types-ts4.5/controllers/types.d.ts +0 -32
  65. package/dist/types-ts4.5/controllers/use-left-sidebar-flyout-lock.d.ts +0 -20
  66. package/dist/types-ts4.5/controllers/use-page-layout-grid.d.ts +0 -3
  67. package/dist/types-ts4.5/controllers/use-page-layout-resize.d.ts +0 -16
  68. package/dist/types-ts4.5/controllers/use-skip-links.d.ts +0 -2
  69. package/dist/types-ts4.5/entry-points/banner-slot.d.ts +0 -1
  70. package/dist/types-ts4.5/entry-points/constants.d.ts +0 -1
  71. package/dist/types-ts4.5/entry-points/content.d.ts +0 -1
  72. package/dist/types-ts4.5/entry-points/left-panel.d.ts +0 -1
  73. package/dist/types-ts4.5/entry-points/left-sidebar-without-resize.d.ts +0 -1
  74. package/dist/types-ts4.5/entry-points/left-sidebar.d.ts +0 -1
  75. package/dist/types-ts4.5/entry-points/main.d.ts +0 -1
  76. package/dist/types-ts4.5/entry-points/page-layout.d.ts +0 -1
  77. package/dist/types-ts4.5/entry-points/right-panel.d.ts +0 -1
  78. package/dist/types-ts4.5/entry-points/right-sidebar.d.ts +0 -1
  79. package/dist/types-ts4.5/entry-points/sidebar-resize-context.d.ts +0 -3
  80. package/dist/types-ts4.5/entry-points/top-navigation.d.ts +0 -1
  81. package/dist/types-ts4.5/entry-points/types.d.ts +0 -1
  82. package/dist/types-ts4.5/entry-points/use-custom-skip-link.d.ts +0 -1
  83. package/dist/types-ts4.5/index.d.ts +0 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,37 @@
1
1
  # @atlaskit/page-layout
2
2
 
3
+ ## 5.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
8
+ Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
9
+
10
+ Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
11
+
12
+ Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
13
+
14
+ ```diff
15
+ - "typesVersions": {
16
+ - ">=4.5 <4.9": {
17
+ - "*": [
18
+ - "dist/types-ts4.5/*",
19
+ - "dist/types-ts4.5/index.d.ts"
20
+ - ]
21
+ - }
22
+ - },
23
+ ```
24
+
25
+ ### Patch Changes
26
+
27
+ - Updated dependencies
28
+
29
+ ## 4.3.3
30
+
31
+ ### Patch Changes
32
+
33
+ - Updated dependencies
34
+
3
35
  ## 4.3.2
4
36
 
5
37
  ### Patch Changes
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/banner-slot.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/banner-slot.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/banner-slot.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/constants.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/constants.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/constants.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/content.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/content.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/content.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/left-panel.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/left-panel.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/left-panel.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/left-sidebar.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/left-sidebar.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/left-sidebar.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/left-sidebar-without-resize.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/left-sidebar-without-resize.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/left-sidebar-without-resize.d.ts"
17
10
  }
package/main/package.json CHANGED
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/main.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/main.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/main.d.ts"
17
10
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/page-layout",
3
- "version": "4.3.2",
3
+ "version": "5.0.0",
4
4
  "description": "A collection of components which let you compose an application's page layout.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -12,14 +12,6 @@
12
12
  "module": "dist/esm/index.js",
13
13
  "module:es2019": "dist/es2019/index.js",
14
14
  "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
15
  "sideEffects": [
24
16
  "**/*.compiled.css"
25
17
  ],
@@ -44,13 +36,13 @@
44
36
  },
45
37
  "homepage": "https://atlassian.design/components/page-layout/",
46
38
  "dependencies": {
47
- "@atlaskit/ds-lib": "^7.0.0",
48
- "@atlaskit/icon": "^34.5.0",
49
- "@atlaskit/link": "^3.4.0",
50
- "@atlaskit/motion": "^6.2.0",
51
- "@atlaskit/platform-feature-flags": "^1.1.0",
52
- "@atlaskit/primitives": "^19.0.0",
53
- "@atlaskit/tokens": "^13.0.0",
39
+ "@atlaskit/ds-lib": "^8.0.0",
40
+ "@atlaskit/icon": "^36.0.0",
41
+ "@atlaskit/link": "^4.0.0",
42
+ "@atlaskit/motion": "^7.0.0",
43
+ "@atlaskit/platform-feature-flags": "^2.0.0",
44
+ "@atlaskit/primitives": "^20.0.0",
45
+ "@atlaskit/tokens": "^14.0.0",
54
46
  "@babel/runtime": "^7.0.0",
55
47
  "@emotion/react": "^11.7.1",
56
48
  "bind-event-listener": "^3.0.0",
@@ -63,20 +55,22 @@
63
55
  "devDependencies": {
64
56
  "@af/accessibility-testing": "workspace:^",
65
57
  "@af/integration-testing": "workspace:^",
66
- "@atlaskit/atlassian-navigation": "^5.7.0",
67
- "@atlaskit/button": "^23.11.0",
68
- "@atlaskit/docs": "^11.8.0",
69
- "@atlaskit/logo": "^20.1.0",
70
- "@atlaskit/menu": "^8.5.0",
71
- "@atlaskit/popup": "^4.19.0",
72
- "@atlaskit/section-message": "^8.12.0",
73
- "@atlaskit/side-navigation": "^11.2.0",
74
- "@atlaskit/tooltip": "^22.2.0",
58
+ "@atlaskit/atlassian-navigation": "^6.0.0",
59
+ "@atlaskit/button": "^24.0.0",
60
+ "@atlaskit/docs": "^12.0.0",
61
+ "@atlaskit/logo": "^21.0.0",
62
+ "@atlaskit/menu": "^9.0.0",
63
+ "@atlaskit/popup": "^5.0.0",
64
+ "@atlaskit/section-message": "^9.0.0",
65
+ "@atlaskit/side-navigation": "^12.0.0",
66
+ "@atlaskit/tooltip": "^23.0.0",
75
67
  "@atlassian/react-compiler-gating": "workspace:^",
76
68
  "@atlassian/ssr-tests": "workspace:^",
77
69
  "@testing-library/react": "^16.3.0",
78
70
  "@types/raf-schd": "^4.0.1",
79
- "raf-stub": "^2.0.1"
71
+ "raf-stub": "^2.0.1",
72
+ "react": "^18.2.0",
73
+ "react-dom": "^18.2.0"
80
74
  },
81
75
  "platform-feature-flags": {
82
76
  "platform_dst_popup-disable-focuslock": {
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/page-layout.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/page-layout.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/page-layout.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/right-panel.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/right-panel.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/right-panel.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/right-sidebar.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/right-sidebar.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/right-sidebar.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/sidebar-resize-context.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/sidebar-resize-context.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/sidebar-resize-context.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/top-navigation.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/top-navigation.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/top-navigation.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/types.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/types.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/types.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/use-custom-skip-link.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/use-custom-skip-link.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/use-custom-skip-link.d.ts"
17
10
  }
@@ -1,60 +0,0 @@
1
- export declare const VAR_LEFT_PANEL_WIDTH = "leftPanelWidth";
2
- export declare const VAR_LEFT_SIDEBAR_WIDTH = "leftSidebarWidth";
3
- export declare const VAR_RIGHT_SIDEBAR_WIDTH = "rightSidebarWidth";
4
- export declare const VAR_RIGHT_PANEL_WIDTH = "rightPanelWidth";
5
- export declare const VAR_TOP_NAVIGATION_HEIGHT = "topNavigationHeight";
6
- export declare const VAR_BANNER_HEIGHT = "bannerHeight";
7
- export declare const VAR_LEFT_SIDEBAR_FLYOUT = "leftSidebarFlyoutWidth";
8
- export declare const LEFT_PANEL = "left-panel";
9
- export declare const RIGHT_PANEL = "right-panel";
10
- export declare const BANNER = "banner";
11
- export declare const TOP_NAVIGATION = "top-navigation";
12
- export declare const CONTENT = "content";
13
- export declare const DEFAULT_BANNER_HEIGHT = 56;
14
- export declare const DEFAULT_TOP_NAVIGATION_HEIGHT = 56;
15
- export declare const DEFAULT_LEFT_SIDEBAR_WIDTH = 240;
16
- export declare const DEFAULT_RIGHT_SIDEBAR_WIDTH = 280;
17
- export declare const DEFAULT_RIGHT_PANEL_WIDTH = 368;
18
- export declare const DEFAULT_LEFT_PANEL_WIDTH = 368;
19
- export declare const COLLAPSED_LEFT_SIDEBAR_WIDTH = 20;
20
- export declare const MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH = 16;
21
- export declare const DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = 240;
22
- export declare const MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = 200;
23
- export declare const MAX_MOBILE_SIDEBAR_FLYOUT_WIDTH = 350;
24
- export declare const TRANSITION_DURATION = 300;
25
- export declare const FLYOUT_DELAY = 200;
26
- export declare const PAGE_LAYOUT_LS_KEY = "DS_PAGE_LAYOUT_UI_STATE";
27
- export declare const IS_SIDEBAR_DRAGGING = "data-is-sidebar-dragging";
28
- export declare const IS_SIDEBAR_COLLAPSING = "data-is-sidebar-collapsing";
29
- export declare const GRAB_AREA_LINE_SELECTOR = "data-grab-area-line";
30
- export declare const GRAB_AREA_SELECTOR = "data-grab-area";
31
- export declare const RESIZE_BUTTON_SELECTOR = "data-resize-button";
32
- export declare const RESIZE_CONTROL_SELECTOR = "data-resize-control";
33
- export declare const PAGE_LAYOUT_SLOT_SELECTOR = "data-ds--page-layout--slot";
34
- export declare const DEFAULT_I18N_PROPS_SKIP_LINKS = "Skip to:";
35
- export declare const PAGE_LAYOUT_CONTAINER_SELECTOR = "data-layout-container";
36
- /**
37
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
38
- */
39
- export declare const LEFT_PANEL_WIDTH: 'var(--leftPanelWidth, 0px)';
40
- /**
41
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
42
- */
43
- export declare const RIGHT_PANEL_WIDTH: 'var(--rightPanelWidth, 0px)';
44
- /**
45
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
46
- */
47
- export declare const LEFT_SIDEBAR_WIDTH: 'var(--leftSidebarWidth, 0px)';
48
- /**
49
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
50
- */
51
- export declare const RIGHT_SIDEBAR_WIDTH: 'var(--rightSidebarWidth, 0px)';
52
- /**
53
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
54
- */
55
- export declare const TOP_NAVIGATION_HEIGHT: 'var(--topNavigationHeight, 0px)';
56
- /**
57
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
58
- */
59
- export declare const BANNER_HEIGHT: 'var(--bannerHeight, 0px)';
60
- export declare const LEFT_SIDEBAR_FLYOUT_WIDTH: 'var(--leftSidebarFlyoutWidth, 240px)';
@@ -1 +0,0 @@
1
- export declare const getGridStateFromStorage: (key: string) => any;
@@ -1 +0,0 @@
1
- export declare const getLeftPanelWidth: () => number;
@@ -1 +0,0 @@
1
- export declare const getLeftSidebarPercentage: (currentWidth: number, maxWidth: number) => number;
@@ -1 +0,0 @@
1
- export declare const getPageLayoutSlotCSSSelector: (slotName: string) => string;
@@ -1,3 +0,0 @@
1
- export declare const getPageLayoutSlotSelector: (slotName: string) => {
2
- "data-ds--page-layout--slot": string;
3
- };
@@ -1,2 +0,0 @@
1
- export { default as useIsSidebarCollapsing } from './use-is-sidebar-collapsing';
2
- export { default as useIsSidebarDragging } from './use-is-sidebar-dragging';
@@ -1,2 +0,0 @@
1
- declare const useIsSidebarCollapsing: () => boolean;
2
- export default useIsSidebarCollapsing;
@@ -1,2 +0,0 @@
1
- declare const useIsSidebarDragging: () => boolean;
2
- export default useIsSidebarDragging;
@@ -1 +0,0 @@
1
- export declare const mergeGridStateIntoStorage: (key: string, value: any) => void;
@@ -1 +0,0 @@
1
- export declare const removeFromGridStateInStorage: (key: string, secondKey?: string) => void;
@@ -1,2 +0,0 @@
1
- import type { DimensionNames } from './types';
2
- export declare const resolveDimension: (key: DimensionNames, dimension?: number, shouldPersist?: boolean) => any;
@@ -1,2 +0,0 @@
1
- declare const safeLocalStorage: () => Storage;
2
- export default safeLocalStorage;
@@ -1,129 +0,0 @@
1
- import type { ElementType, ReactElement, ReactNode } from 'react';
2
- import type { ResizeButtonProps } from '../components/resize-control/types';
3
- import type { LeftSidebarState } from '../controllers/types';
4
- interface SlotProps {
5
- /**
6
- * Sets the position to fixed.
7
- */
8
- isFixed?: boolean;
9
- /**
10
- * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
11
- */
12
- testId?: string;
13
- /**
14
- * React children!
15
- */
16
- children: ReactNode;
17
- id?: string;
18
- skipLinkTitle?: string;
19
- }
20
- /**
21
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
22
- */
23
- export interface SlotHeightProps extends SlotProps {
24
- /**
25
- * It saves the height in local storage.
26
- */
27
- shouldPersistHeight?: boolean;
28
- /**
29
- * The height of the slot.
30
- */
31
- height?: number;
32
- }
33
- /**
34
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
35
- */
36
- export interface SlotWidthProps extends SlotProps {
37
- /**
38
- * It saves the width in local storage.
39
- */
40
- shouldPersistWidth?: boolean;
41
- /**
42
- * The width of the slot.
43
- */
44
- width?: number;
45
- }
46
- export interface LeftSidebarProps extends SlotWidthProps {
47
- /**
48
- * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
49
- */
50
- testId?: string;
51
- /**
52
- * The `aria-valuetext` allows people relying on assistive technologies,
53
- * particularly screen readers, to determine the purpose of the slider.
54
- * The default value is "Width".
55
- * The aria-valuenow property is automatically appended to the valueTextLabel.
56
- * For Example, valueTextLabel="Width" will render aria-valuetext="Width 62%”.
57
- */
58
- valueTextLabel?: string;
59
- /**
60
- * You can override prop(s) for the mentioned component(s).
61
- */
62
- overrides?: {
63
- ResizeButton?: {
64
- render?: (Component: ElementType<ResizeButtonProps>, props: ResizeButtonProps) => ReactElement;
65
- };
66
- };
67
- /**
68
- * Display label for grab area/slider to resize the left side bar. This will be rendered through assistive technologies.
69
- */
70
- resizeGrabAreaLabel?: string;
71
- /**
72
- * Display label for the expand/collapse button for the left sidebar.
73
- */
74
- resizeButtonLabel?: string;
75
- /**
76
- * Called when left-sidebar resize starts using mouse or touch.
77
- */
78
- onResizeStart?: (leftSidebarState: LeftSidebarState) => void;
79
- /**
80
- * Called when left-sidebar resize ends using mouse or touch.
81
- */
82
- onResizeEnd?: (leftSidebarState: LeftSidebarState) => void;
83
- /**
84
- * Called when left-sidebar is collapsed and the mouse leaves the area.
85
- */
86
- onFlyoutCollapse?: () => void;
87
- /**
88
- * Called after flyout delay when left-sidebar is collapsed and the mouse enters the area.
89
- */
90
- onFlyoutExpand?: () => void;
91
- /**
92
- * Controls whether the LeftSidebar mounts in a collapsed state, this will override the setting in localStorage.
93
- */
94
- collapsedState?: 'collapsed' | 'expanded';
95
- /**
96
- * Controls the width when LeftSidebar mounts, this will override the setting in localStorage.
97
- */
98
- width?: number;
99
- }
100
- export type SidebarResizeControllerProps = {
101
- /**
102
- * React children!
103
- */
104
- children: ReactNode;
105
- /**
106
- * Called when left-sidebar is expanded.
107
- */
108
- onLeftSidebarExpand?: (leftSidebarState: LeftSidebarState) => void;
109
- /**
110
- * Called when left-sidebar is collapsed.
111
- */
112
- onLeftSidebarCollapse?: (leftSidebarState: LeftSidebarState) => void;
113
- };
114
- export type DimensionNames = 'leftPanelWidth' | 'bannerHeight' | 'topNavigationHeight' | 'leftSidebarWidth' | 'leftSidebarFlyoutWidth' | 'rightSidebarWidth' | 'rightPanelWidth';
115
- /**
116
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
117
- */
118
- export type Dimensions = Partial<Record<DimensionNames, number>>;
119
- /**
120
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
121
- */
122
- export interface PageLayoutProps extends SidebarResizeControllerProps {
123
- skipLinksLabel?: string;
124
- /**
125
- * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
126
- */
127
- testId?: string;
128
- }
129
- export {};
@@ -1,12 +0,0 @@
1
- export { default as PageLayout } from './slots/page-layout';
2
- export { default as Main } from './slots/main';
3
- export { default as RightPanel } from './slots/right-panel';
4
- export { default as LeftPanel } from './slots/left-panel';
5
- export { default as RightSidebar } from './slots/right-sidebar';
6
- export { default as LeftSidebar } from './slots/left-sidebar';
7
- export { default as LeftSidebarWithoutResize } from './slots/left-sidebar-without-resize';
8
- export { default as Banner } from './slots/banner-slot';
9
- export { default as TopNavigation } from './slots/top-navigation';
10
- export { default as Content } from './slots/content';
11
- export { default as ResizeControl } from './resize-control';
12
- export { useCustomSkipLink } from './skip-links';
@@ -1,20 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import * as React from 'react';
6
- import type { FocusEvent, KeyboardEvent, MouseEvent } from 'react';
7
- import type { LeftSidebarProps } from '../../common/types';
8
- declare const GrabArea: React.ForwardRefExoticComponent<{
9
- isDisabled: boolean;
10
- isLeftSidebarCollapsed: boolean;
11
- label: string;
12
- leftSidebarPercentageExpanded: number;
13
- onBlur: (event: FocusEvent) => void;
14
- onFocus: (event: FocusEvent) => void;
15
- onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;
16
- onMouseDown: (event: MouseEvent<HTMLButtonElement>) => void;
17
- testId?: string;
18
- valueTextLabel?: string;
19
- } & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'ref'> & Partial<LeftSidebarProps> & React.RefAttributes<HTMLButtonElement>>;
20
- export default GrabArea;
@@ -1,4 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import { type ResizeControlProps } from './types';
3
- declare const ResizeControl: ({ testId, overrides, resizeButtonLabel, valueTextLabel, resizeGrabAreaLabel, onResizeStart, onResizeEnd, }: ResizeControlProps) => jsx.JSX.Element;
4
- export default ResizeControl;
@@ -1,4 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import type { ResizeButtonProps } from './types';
3
- declare const ResizeButton: ({ isLeftSidebarCollapsed, label, onClick, testId, ...props }: ResizeButtonProps) => jsx.JSX.Element;
4
- export default ResizeButton;
@@ -1,9 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { jsx } from '@emotion/react';
6
- declare const Shadow: ({ testId }: {
7
- testId?: string;
8
- }) => jsx.JSX.Element;
9
- export default Shadow;
@@ -1,24 +0,0 @@
1
- import type { ButtonHTMLAttributes, ElementType, ReactElement } from 'react';
2
- import type { LeftSidebarState } from '../../controllers/types';
3
- export type ResizeButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
4
- isLeftSidebarCollapsed: boolean;
5
- label: string;
6
- testId?: string;
7
- };
8
- export type ResizeControlProps = {
9
- testId?: string;
10
- overrides?: {
11
- ResizeButton?: {
12
- render?: (Component: ElementType<ResizeButtonProps>, props: ResizeButtonProps) => ReactElement;
13
- };
14
- };
15
- valueTextLabel?: string;
16
- resizeGrabAreaLabel?: string;
17
- resizeButtonLabel?: string;
18
- onCollapse?: (leftSidebarState: LeftSidebarState) => void;
19
- onExpand?: (leftSidebarState: LeftSidebarState) => void;
20
- onResizeStart?: (leftSidebarState: LeftSidebarState) => void;
21
- onResizeEnd?: (leftSidebarState: LeftSidebarState) => void;
22
- onFlyoutCollapse?: () => void;
23
- onFlyoutExpand?: () => void;
24
- };
@@ -1,2 +0,0 @@
1
- export { SkipLinkWrapper, SkipLink } from './skip-link-components';
2
- export { useCustomSkipLink } from './use-custom-skip-link';
@@ -1,2 +0,0 @@
1
- export { SkipLinkWrapper } from './skip-link-wrapper';
2
- export { SkipLink } from './skip-link';
@@ -1,14 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import type { ReactNode } from 'react';
6
- import type { SkipLinkWrapperProps } from './types';
7
- /**
8
- * The default label will be used when the `skipLinksLabel` attribute is not
9
- * provided or the attribute is an empty string. If a string comprised only of
10
- * spaces is provided, the skip link heading element will be removed, but the
11
- * default label will still be used in `title` attribute of the skip links
12
- * themselves.
13
- */
14
- export declare const SkipLinkWrapper: ({ skipLinksLabel }: SkipLinkWrapperProps) => ReactNode;
@@ -1,10 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode } from 'react';
6
- export declare const SkipLink: ({ href, children, isFocusable, }: {
7
- href: string;
8
- children: ReactNode;
9
- isFocusable: boolean;
10
- }) => ReactNode;
@@ -1,3 +0,0 @@
1
- export type SkipLinkWrapperProps = {
2
- skipLinksLabel?: string;
3
- };
@@ -1,7 +0,0 @@
1
- import { type SkipLinkData } from '../../controllers';
2
- /**
3
- * __useCustomSkipLink__
4
- *
5
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
6
- */
7
- export declare const useCustomSkipLink: (id: SkipLinkData["id"], skipLinkTitle: SkipLinkData["skipLinkTitle"], listIndex?: SkipLinkData["listIndex"]) => void;
@@ -1,14 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import type { SlotHeightProps } from '../../common/types';
3
- /**
4
- * __Banner__
5
- *
6
- * Provides a slot for a Banner within the PageLayout.
7
- *
8
- * - [Examples](https://atlassian.design/components/page-layout/examples)
9
- * - [Code](https://atlassian.design/components/page-layout/code)
10
- *
11
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
12
- */
13
- declare const Banner: (props: SlotHeightProps) => jsx.JSX.Element;
14
- export default Banner;
@@ -1,28 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import type { ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
7
- interface ContentProps {
8
- /**
9
- * React children
10
- */
11
- children: ReactNode;
12
- /**
13
- * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
14
- */
15
- testId?: string;
16
- }
17
- /**
18
- * __Content__
19
- *
20
- * Provides a slot for your application content within the PageLayout.
21
- *
22
- * - [Examples](https://atlassian.design/components/page-layout/examples)
23
- * - [Code](https://atlassian.design/components/page-layout/code)
24
- *
25
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
26
- */
27
- declare const Content: (props: ContentProps) => jsx.JSX.Element;
28
- export default Content;
@@ -1,13 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import type { ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
7
- type LeftSidebarInnerProps = {
8
- children: ReactNode;
9
- isFixed?: boolean;
10
- isFlyoutOpen?: boolean;
11
- };
12
- declare const LeftSidebarInner: ({ children, isFixed, isFlyoutOpen, }: LeftSidebarInnerProps) => jsx.JSX.Element;
13
- export default LeftSidebarInner;
@@ -1,16 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ForwardRefExoticComponent, type MouseEventHandler, type ReactNode, type RefAttributes } from 'react';
6
- type LeftSidebarOuterProps = {
7
- children: ReactNode;
8
- isFixed?: boolean;
9
- testId?: string;
10
- id?: string;
11
- onMouseOver?: MouseEventHandler;
12
- onMouseLeave?: MouseEventHandler;
13
- onClick?: MouseEventHandler;
14
- };
15
- declare const LeftSidebarOuter: ForwardRefExoticComponent<LeftSidebarOuterProps & RefAttributes<HTMLDivElement>>;
16
- export default LeftSidebarOuter;
@@ -1,15 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import type { ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
7
- type ResizableChildrenWrapperProps = {
8
- children: ReactNode;
9
- isFlyoutOpen?: boolean;
10
- isLeftSidebarCollapsed?: boolean;
11
- hasCollapsedState?: boolean;
12
- testId?: string;
13
- };
14
- declare const ResizableChildrenWrapper: ({ children, isLeftSidebarCollapsed, hasCollapsedState, isFlyoutOpen, testId, }: ResizableChildrenWrapperProps) => jsx.JSX.Element;
15
- export default ResizableChildrenWrapper;
@@ -1,23 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import type { ReactNode } from 'react';
6
- import { jsx } from '@emotion/react';
7
- type SlotFocusRingProps = {
8
- children: (props: {
9
- className: string;
10
- }) => ReactNode;
11
- isSidebar?: boolean;
12
- };
13
- /**
14
- * We don't use `@atlaskit/focus-ring` here,
15
- * because we need inset focus styles and:
16
- *
17
- * 1. If we set them directly to the layout element,
18
- * then any child element's background will cover the shadow.
19
- * 2. We cannot wrap `children` in `FocusRing`,
20
- * because there's no guarantee the passed child takes `className`.
21
- */
22
- declare const SlotFocusRing: ({ children, isSidebar }: SlotFocusRingProps) => jsx.JSX.Element;
23
- export default SlotFocusRing;
@@ -1,14 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import type { SlotWidthProps } from '../../common/types';
3
- /**
4
- * __Left panel__
5
- *
6
- * Provides a slot for a left panel within the PageLayout.
7
- *
8
- * - [Examples](https://atlassian.design/components/page-layout/examples)
9
- * - [Code](https://atlassian.design/components/page-layout/code)
10
- *
11
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
12
- */
13
- declare const LeftPanel: (props: SlotWidthProps) => jsx.JSX.Element;
14
- export default LeftPanel;
@@ -1,14 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import type { SlotWidthProps } from '../../common/types';
3
- /**
4
- * __Left sidebar without resize__
5
- *
6
- * Provides a slot for a left sidebar without resize within the PageLayout.
7
- *
8
- * - [Examples](https://atlassian.design/components/page-layout/examples)
9
- * - [Code](https://atlassian.design/components/page-layout/code)
10
- *
11
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
12
- */
13
- declare const LeftSidebarWithoutResize: (props: SlotWidthProps) => jsx.JSX.Element;
14
- export default LeftSidebarWithoutResize;
@@ -1,19 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import type { LeftSidebarProps } from '../../common/types';
3
- /**
4
- * __Left sidebar__
5
- *
6
- * Provides a slot for a left sidebar within the PageLayout.
7
- *
8
- * On smaller viewports, the left sidebar can no longer be expanded. Instead, expanding it will
9
- * put it into our "flyout mode" to lay overtop (which in desktop is explicitly a hover state).
10
- * This ensures the contents behind do not reflow oddly and allows for a better experience
11
- * resizing between mobile and desktop.
12
- *
13
- * - [Examples](https://atlassian.design/components/page-layout/examples)
14
- * - [Code](https://atlassian.design/components/page-layout/code)
15
- *
16
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
17
- */
18
- declare const LeftSidebar: (props: LeftSidebarProps) => jsx.JSX.Element;
19
- export default LeftSidebar;
@@ -1,14 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import type { SlotWidthProps } from '../../common/types';
3
- /**
4
- * __Main__
5
- *
6
- * Provides a slot for main content within the PageLayout.
7
- *
8
- * - [Examples](https://atlassian.design/components/page-layout/examples)
9
- * - [Code](https://atlassian.design/components/page-layout/code)
10
- *
11
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
12
- */
13
- declare const Main: (props: SlotWidthProps) => jsx.JSX.Element;
14
- export default Main;
@@ -1,14 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import type { PageLayoutProps } from '../../common/types';
3
- /**
4
- * __Page layout__
5
- *
6
- * A collection of components which let you compose an application's page layout.
7
- *
8
- * - [Examples](https://atlassian.design/components/page-layout/examples)
9
- * - [Code](https://atlassian.design/components/page-layout/code)
10
- *
11
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
12
- */
13
- declare const PageLayout: ({ skipLinksLabel, children, testId, onLeftSidebarExpand, onLeftSidebarCollapse, }: PageLayoutProps) => jsx.JSX.Element;
14
- export default PageLayout;
@@ -1,14 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import type { SlotWidthProps } from '../../common/types';
3
- /**
4
- * __Right panel__
5
- *
6
- * Provides a slot for a right panel within the PageLayout.
7
- *
8
- * - [Examples](https://atlassian.design/components/page-layout/examples)
9
- * - [Code](https://atlassian.design/components/page-layout/code)
10
- *
11
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
12
- */
13
- declare const RightPanel: (props: SlotWidthProps) => jsx.JSX.Element;
14
- export default RightPanel;
@@ -1,14 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import type { SlotWidthProps } from '../../common/types';
3
- /**
4
- * __Right sidebar__
5
- *
6
- * Provides a slot for a right sidebar within the PageLayout.
7
- *
8
- * - [Examples](https://atlassian.design/components/page-layout/examples)
9
- * - [Code](https://atlassian.design/components/page-layout/code)
10
- *
11
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
12
- */
13
- declare const RightSidebar: (props: SlotWidthProps) => jsx.JSX.Element;
14
- export default RightSidebar;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- interface SlotDimensionsProps {
3
- variableName: string;
4
- value?: number;
5
- mobileValue?: number;
6
- }
7
- /**
8
- * Hoists slot dimension styles to the root element.
9
- */
10
- declare const SlotDimensions: ({ variableName, value, mobileValue, }: SlotDimensionsProps) => React.JSX.Element;
11
- export default SlotDimensions;
@@ -1,14 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import type { SlotHeightProps } from '../../common/types';
3
- /**
4
- * __Top navigation__
5
- *
6
- * Provides a slot for top navigation within the PageLayout.
7
- *
8
- * - [Examples](https://atlassian.design/components/page-layout/examples)
9
- * - [Code](https://atlassian.design/components/page-layout/code)
10
- *
11
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
12
- */
13
- declare const TopNavigation: (props: SlotHeightProps) => jsx.JSX.Element;
14
- export default TopNavigation;
@@ -1,9 +0,0 @@
1
- export type { SkipLinkData } from './types';
2
- export { default as publishGridState } from './use-page-layout-grid';
3
- export { SidebarResizeContext } from './sidebar-resize-context';
4
- export { usePageLayoutResize } from './use-page-layout-resize';
5
- export { useLeftSidebarFlyoutLock } from './use-left-sidebar-flyout-lock';
6
- export { SidebarResizeController } from './sidebar-resize-controller';
7
- export { useSkipLink } from './skip-link-context';
8
- export { useSkipLinks } from './use-skip-links';
9
- export { SkipLinksController } from './skip-link-controller';
@@ -1,15 +0,0 @@
1
- import { type Context, type KeyboardEvent, type MouseEvent } from 'react';
2
- import { type LeftSidebarState } from './types';
3
- export type SidebarResizeContextValue = {
4
- isLeftSidebarCollapsed: boolean;
5
- expandLeftSidebar: () => void;
6
- collapseLeftSidebar: (event?: MouseEvent | KeyboardEvent, collapseWithoutTransition?: boolean) => void;
7
- /**
8
- * Conditionally expands or collapses the left sidebar based on the current state.
9
- * This is aware of our flyout mode in mobile as well.
10
- */
11
- toggleLeftSidebar: (event?: MouseEvent | KeyboardEvent, collapseWithoutTransition?: boolean) => void;
12
- leftSidebarState: LeftSidebarState;
13
- setLeftSidebarState: (value: LeftSidebarState | ((prevState: LeftSidebarState) => LeftSidebarState)) => void;
14
- };
15
- export declare const SidebarResizeContext: Context<SidebarResizeContextValue>;
@@ -1,3 +0,0 @@
1
- import { type FC } from 'react';
2
- import type { SidebarResizeControllerProps } from '../common/types';
3
- export declare const SidebarResizeController: FC<SidebarResizeControllerProps>;
@@ -1,2 +0,0 @@
1
- import { type SkipLinkData } from './types';
2
- export declare const useSkipLink: (id?: SkipLinkData["id"], skipLinkTitle?: SkipLinkData["skipLinkTitle"]) => void;
@@ -1,4 +0,0 @@
1
- import { type FC, type ReactNode } from 'react';
2
- export declare const SkipLinksController: FC<{
3
- children: ReactNode;
4
- }>;
@@ -1,3 +0,0 @@
1
- import { type Context } from 'react';
2
- import { type SkipLinkContextProps } from './types';
3
- export declare const SkipLinksContext: Context<SkipLinkContextProps>;
@@ -1,32 +0,0 @@
1
- export type SkipLinkContextProps = {
2
- skipLinksData: SkipLinkData[];
3
- registerSkipLink: (skipLinkDate: SkipLinkData) => void;
4
- unregisterSkipLink: (id: string | undefined) => void;
5
- };
6
- export type SkipLinkData = {
7
- /**
8
- * id for the element that will be skipped to
9
- */
10
- id: string;
11
- /**
12
- * Text for the link that will appear in the skip link menu
13
- */
14
- skipLinkTitle: string;
15
- /**
16
- * Desired position in the skip link menu
17
- */
18
- listIndex?: number;
19
- };
20
- /**
21
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
22
- */
23
- export type LeftSidebarState = {
24
- isFlyoutOpen: boolean;
25
- isResizing: boolean;
26
- isLeftSidebarCollapsed: boolean;
27
- leftSidebarWidth: number;
28
- lastLeftSidebarWidth: number;
29
- flyoutLockCount: number;
30
- isFixed: boolean;
31
- hasInit: boolean;
32
- };
@@ -1,20 +0,0 @@
1
- /**
2
- * _**WARNING:**_ This hook is intended as a temporary solution and
3
- * is likely to be removed in a future version of page-layout.
4
- *
5
- * ---
6
- *
7
- * This hook will prevent the left sidebar from automatically collapsing
8
- * when it is in a flyout state.
9
- *
10
- * The intended use case for this hook is to allow popup menus in the
11
- * left sidebar to be usable while it is in a flyout state.
12
- *
13
- * ## Usage
14
- * The intended usage is to use this hook within the popup component
15
- * you are rendering. This way the left sidebar will be locked for
16
- * as long as the popup is open.
17
- *
18
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
19
- */
20
- export declare const useLeftSidebarFlyoutLock: () => void;
@@ -1,3 +0,0 @@
1
- import type { Dimensions } from '../common/types';
2
- declare const publishGridState: (gridState: Dimensions) => void;
3
- export default publishGridState;
@@ -1,16 +0,0 @@
1
- import { type KeyboardEvent, type MouseEvent } from 'react';
2
- import { type LeftSidebarState } from './types';
3
- /**
4
- * @deprecated `@atlaskit/page-layout` is deprecated. Use `@atlaskit/navigation-system` instead.
5
- */
6
- export declare const usePageLayoutResize: () => {
7
- isLeftSidebarCollapsed: boolean;
8
- expandLeftSidebar: () => void;
9
- collapseLeftSidebar: (event?: MouseEvent | KeyboardEvent, collapseWithoutTransition?: boolean) => void;
10
- /**
11
- * Conditionally expands or collapses the left sidebar based on the current state.
12
- * This is aware of our flyout mode in mobile as well.
13
- */
14
- toggleLeftSidebar: (event?: MouseEvent | KeyboardEvent, collapseWithoutTransition?: boolean) => void;
15
- leftSidebarState: LeftSidebarState;
16
- };
@@ -1,2 +0,0 @@
1
- import { type SkipLinkContextProps } from './types';
2
- export declare const useSkipLinks: () => SkipLinkContextProps;
@@ -1 +0,0 @@
1
- export { default as Banner } from '../components/slots/banner-slot';
@@ -1 +0,0 @@
1
- export { LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, BANNER_HEIGHT, TOP_NAVIGATION_HEIGHT, LEFT_SIDEBAR_WIDTH, RIGHT_SIDEBAR_WIDTH, } from '../common/constants';
@@ -1 +0,0 @@
1
- export { default as Content } from '../components/slots/content';
@@ -1 +0,0 @@
1
- export { default as LeftPanel } from '../components/slots/left-panel';
@@ -1 +0,0 @@
1
- export { default as LeftSidebarWithoutResize } from '../components/slots/left-sidebar-without-resize';
@@ -1 +0,0 @@
1
- export { default as LeftSidebar } from '../components/slots/left-sidebar';
@@ -1 +0,0 @@
1
- export { default as Main } from '../components/slots/main';
@@ -1 +0,0 @@
1
- export { default as PageLayout } from '../components/slots/page-layout';
@@ -1 +0,0 @@
1
- export { default as RightPanel } from '../components/slots/right-panel';
@@ -1 +0,0 @@
1
- export { default as RightSidebar } from '../components/slots/right-sidebar';
@@ -1,3 +0,0 @@
1
- export { usePageLayoutResize } from '../controllers/use-page-layout-resize';
2
- export { useLeftSidebarFlyoutLock } from '../controllers/use-left-sidebar-flyout-lock';
3
- export type { LeftSidebarState } from '../controllers/types';
@@ -1 +0,0 @@
1
- export { default as TopNavigation } from '../components/slots/top-navigation';
@@ -1 +0,0 @@
1
- export type { SlotHeightProps, SlotWidthProps, Dimensions, PageLayoutProps } from '../common/types';
@@ -1 +0,0 @@
1
- export { useCustomSkipLink } from '../components/skip-links/use-custom-skip-link';
@@ -1,5 +0,0 @@
1
- export { PageLayout, Main, Content, RightSidebar, LeftSidebar, LeftSidebarWithoutResize, RightPanel, LeftPanel, Banner, TopNavigation, useCustomSkipLink, } from './components';
2
- export { LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, BANNER_HEIGHT, TOP_NAVIGATION_HEIGHT, LEFT_SIDEBAR_WIDTH, RIGHT_SIDEBAR_WIDTH, } from './common/constants';
3
- export { usePageLayoutResize, useLeftSidebarFlyoutLock } from './controllers';
4
- export type { SlotHeightProps, SlotWidthProps, Dimensions, PageLayoutProps } from './common/types';
5
- export type { LeftSidebarState } from './controllers/types';