@atlaskit/navigation-system 5.15.0 → 5.17.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 (78) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/dist/cjs/ui/menu-item/flyout-menu-item/flyout-header.js +3 -1
  3. package/dist/cjs/ui/menu-item/flyout-menu-item/flyout-menu-item-content.js +8 -3
  4. package/dist/cjs/ui/menu-item/flyout-menu-item/flyout-menu-item-context.js +21 -2
  5. package/dist/cjs/ui/menu-item/flyout-menu-item/flyout-menu-item.js +3 -1
  6. package/dist/cjs/ui/page-layout/banner.compiled.css +1 -0
  7. package/dist/cjs/ui/page-layout/banner.js +6 -2
  8. package/dist/cjs/ui/page-layout/constants.js +16 -2
  9. package/dist/cjs/ui/page-layout/panel-splitter/provider.js +5 -3
  10. package/dist/cjs/ui/page-layout/panel-splitter/side-nav-panel-splitter.js +59 -0
  11. package/dist/cjs/ui/page-layout/root.compiled.css +1 -0
  12. package/dist/cjs/ui/page-layout/root.js +7 -2
  13. package/dist/cjs/ui/page-layout/side-nav/side-nav-content.compiled.css +2 -1
  14. package/dist/cjs/ui/page-layout/side-nav/side-nav-content.js +8 -2
  15. package/dist/cjs/ui/page-layout/side-nav/side-nav-header.js +17 -0
  16. package/dist/cjs/ui/page-layout/side-nav/side-nav.compiled.css +3 -0
  17. package/dist/cjs/ui/page-layout/side-nav/side-nav.js +28 -17
  18. package/dist/cjs/ui/page-layout/top-nav/top-nav-end.js +3 -2
  19. package/dist/cjs/ui/page-layout/top-nav/top-nav-middle.js +2 -1
  20. package/dist/cjs/ui/page-layout/top-nav/top-nav-start.compiled.css +2 -1
  21. package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js +30 -3
  22. package/dist/cjs/ui/page-layout/top-nav/top-nav.compiled.css +11 -0
  23. package/dist/cjs/ui/page-layout/top-nav/top-nav.js +44 -5
  24. package/dist/es2019/ui/menu-item/flyout-menu-item/flyout-header.js +4 -2
  25. package/dist/es2019/ui/menu-item/flyout-menu-item/flyout-menu-item-content.js +10 -5
  26. package/dist/es2019/ui/menu-item/flyout-menu-item/flyout-menu-item-context.js +18 -1
  27. package/dist/es2019/ui/menu-item/flyout-menu-item/flyout-menu-item.js +3 -1
  28. package/dist/es2019/ui/page-layout/banner.compiled.css +1 -0
  29. package/dist/es2019/ui/page-layout/banner.js +6 -2
  30. package/dist/es2019/ui/page-layout/constants.js +15 -1
  31. package/dist/es2019/ui/page-layout/panel-splitter/provider.js +5 -3
  32. package/dist/es2019/ui/page-layout/panel-splitter/side-nav-panel-splitter.js +57 -2
  33. package/dist/es2019/ui/page-layout/root.compiled.css +1 -0
  34. package/dist/es2019/ui/page-layout/root.js +7 -2
  35. package/dist/es2019/ui/page-layout/side-nav/side-nav-content.compiled.css +2 -1
  36. package/dist/es2019/ui/page-layout/side-nav/side-nav-content.js +9 -2
  37. package/dist/es2019/ui/page-layout/side-nav/side-nav-header.js +17 -0
  38. package/dist/es2019/ui/page-layout/side-nav/side-nav.compiled.css +3 -0
  39. package/dist/es2019/ui/page-layout/side-nav/side-nav.js +19 -8
  40. package/dist/es2019/ui/page-layout/top-nav/top-nav-end.js +3 -2
  41. package/dist/es2019/ui/page-layout/top-nav/top-nav-middle.js +2 -1
  42. package/dist/es2019/ui/page-layout/top-nav/top-nav-start.compiled.css +2 -1
  43. package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js +30 -3
  44. package/dist/es2019/ui/page-layout/top-nav/top-nav.compiled.css +11 -0
  45. package/dist/es2019/ui/page-layout/top-nav/top-nav.js +42 -7
  46. package/dist/esm/ui/menu-item/flyout-menu-item/flyout-header.js +4 -2
  47. package/dist/esm/ui/menu-item/flyout-menu-item/flyout-menu-item-content.js +10 -5
  48. package/dist/esm/ui/menu-item/flyout-menu-item/flyout-menu-item-context.js +20 -1
  49. package/dist/esm/ui/menu-item/flyout-menu-item/flyout-menu-item.js +3 -1
  50. package/dist/esm/ui/page-layout/banner.compiled.css +1 -0
  51. package/dist/esm/ui/page-layout/banner.js +6 -2
  52. package/dist/esm/ui/page-layout/constants.js +15 -1
  53. package/dist/esm/ui/page-layout/panel-splitter/provider.js +5 -3
  54. package/dist/esm/ui/page-layout/panel-splitter/side-nav-panel-splitter.js +61 -2
  55. package/dist/esm/ui/page-layout/root.compiled.css +1 -0
  56. package/dist/esm/ui/page-layout/root.js +7 -2
  57. package/dist/esm/ui/page-layout/side-nav/side-nav-content.compiled.css +2 -1
  58. package/dist/esm/ui/page-layout/side-nav/side-nav-content.js +8 -2
  59. package/dist/esm/ui/page-layout/side-nav/side-nav-header.js +17 -0
  60. package/dist/esm/ui/page-layout/side-nav/side-nav.compiled.css +3 -0
  61. package/dist/esm/ui/page-layout/side-nav/side-nav.js +19 -8
  62. package/dist/esm/ui/page-layout/top-nav/top-nav-end.js +3 -2
  63. package/dist/esm/ui/page-layout/top-nav/top-nav-middle.js +2 -1
  64. package/dist/esm/ui/page-layout/top-nav/top-nav-start.compiled.css +2 -1
  65. package/dist/esm/ui/page-layout/top-nav/top-nav-start.js +30 -3
  66. package/dist/esm/ui/page-layout/top-nav/top-nav.compiled.css +11 -0
  67. package/dist/esm/ui/page-layout/top-nav/top-nav.js +46 -7
  68. package/dist/types/ui/menu-item/flyout-menu-item/flyout-menu-item-context.d.ts +15 -0
  69. package/dist/types/ui/page-layout/constants.d.ts +10 -0
  70. package/dist/types/ui/page-layout/panel-splitter/context.d.ts +7 -2
  71. package/dist/types/ui/page-layout/panel-splitter/provider.d.ts +20 -2
  72. package/dist/types/ui/page-layout/side-nav/side-nav.d.ts +6 -0
  73. package/dist/types-ts4.5/ui/menu-item/flyout-menu-item/flyout-menu-item-context.d.ts +15 -0
  74. package/dist/types-ts4.5/ui/page-layout/constants.d.ts +10 -0
  75. package/dist/types-ts4.5/ui/page-layout/panel-splitter/context.d.ts +7 -2
  76. package/dist/types-ts4.5/ui/page-layout/panel-splitter/provider.d.ts +20 -2
  77. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav.d.ts +6 -0
  78. package/package.json +8 -5
@@ -1,12 +1,30 @@
1
- import React from 'react';
1
+ import React, { type MutableRefObject } from 'react';
2
2
  import { type PanelSplitterContextType } from './context';
3
3
  export type PanelSplitterProviderProps = Omit<PanelSplitterContextType, 'portalRef' | 'position'> & {
4
4
  children: React.ReactNode;
5
+ /**
6
+ * The side of the panel/element that the splitter element is positioned on. Uses logical values to support right-to-left languages.
7
+ *
8
+ * Defaults to `start`.
9
+ *
10
+ * For left-to-right languages, `start` is the left side and `end` is the right side.
11
+ */
5
12
  position?: 'start' | 'end';
13
+ /**
14
+ * A ref to the portal element where the panel splitter will be rendered.
15
+ * It can optionally be provided by consumers of <PanelSplitterProvider> (when the feature gate
16
+ * `platform-dst-side-nav-layering-fixes` is enabled).
17
+ * If not provided, it will be internally set by the PanelSplitterProvider.
18
+ *
19
+ * This prop is useful for:
20
+ * - Rendering the panel splitter outside of an overflow container.
21
+ * - Positioning the panel splitter outside the resizing panel.
22
+ */
23
+ portalRef?: MutableRefObject<HTMLDivElement | null>;
6
24
  };
7
25
  /**
8
26
  * Provides the context required for the panel splitter to work within a page layout slot.
9
27
  *
10
28
  * Should be used in the layout area components, e.g. SideNav, Aside etc, as opposed to products.
11
29
  */
12
- export declare const PanelSplitterProvider: ({ panelId, panelWidth, onCompleteResize, getResizeBounds, resizingCssVar, panelRef, position, isEnabled, shortcut, children, }: PanelSplitterProviderProps) => React.JSX.Element;
30
+ export declare const PanelSplitterProvider: ({ panelId, panelWidth, onCompleteResize, getResizeBounds, resizingCssVar, panelRef, portalRef: providedPortalRef, position, isEnabled, shortcut, children, }: PanelSplitterProviderProps) => React.JSX.Element;
@@ -1,3 +1,9 @@
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ * @jsxFrag
5
+ */
6
+ import React from 'react';
1
7
  import type { CommonSlotProps } from '../types';
2
8
  import { type VisibilityCallback } from './use-side-nav-visibility-callbacks';
3
9
  type SideNavProps = CommonSlotProps & {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "5.15.0",
3
+ "version": "5.17.0",
4
4
  "description": "The latest navigation system for Atlassian apps.",
5
5
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
6
6
  "author": "Atlassian Pty Ltd",
@@ -73,10 +73,10 @@
73
73
  "@atlaskit/ds-lib": "^5.3.0",
74
74
  "@atlaskit/heading": "^5.2.0",
75
75
  "@atlaskit/icon": "^29.3.0",
76
- "@atlaskit/layering": "^3.4.0",
76
+ "@atlaskit/layering": "^3.5.0",
77
77
  "@atlaskit/logo": "^19.9.0",
78
78
  "@atlaskit/platform-feature-flags": "^1.1.0",
79
- "@atlaskit/popup": "^4.9.0",
79
+ "@atlaskit/popup": "^4.11.0",
80
80
  "@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
81
81
  "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
82
82
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
@@ -102,9 +102,9 @@
102
102
  "@atlaskit/badge": "^18.3.0",
103
103
  "@atlaskit/banner": "^14.0.0",
104
104
  "@atlaskit/breadcrumbs": "^15.3.0",
105
- "@atlaskit/dropdown-menu": "^16.3.0",
105
+ "@atlaskit/dropdown-menu": "^16.4.0",
106
106
  "@atlaskit/form": "^15.2.0",
107
- "@atlaskit/link": "^3.2.0",
107
+ "@atlaskit/link": "^3.3.0",
108
108
  "@atlaskit/lozenge": "^13.3.0",
109
109
  "@atlaskit/menu": "^8.4.0",
110
110
  "@atlaskit/modal-dialog": "^14.9.0",
@@ -188,6 +188,9 @@
188
188
  "platform-dst-nav-app-icon-height-fix": {
189
189
  "type": "boolean"
190
190
  },
191
+ "platform-dst-side-nav-layering-fixes": {
192
+ "type": "boolean"
193
+ },
191
194
  "platform-dst-shape-theme-default": {
192
195
  "type": "boolean"
193
196
  },