@atlaskit/navigation-system 5.5.0 → 5.6.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 (85) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/entry-points/fhs-rollout.js +26 -0
  3. package/dist/cjs/index.js +21 -0
  4. package/dist/cjs/ui/fhs-rollout/is-custom-is-fhs-enabled-context.js +14 -0
  5. package/dist/cjs/ui/fhs-rollout/is-fhs-enabled-context.js +17 -0
  6. package/dist/cjs/ui/fhs-rollout/is-fhs-enabled-provider.js +29 -0
  7. package/dist/cjs/ui/fhs-rollout/types.js +1 -0
  8. package/dist/cjs/ui/fhs-rollout/use-is-fhs-enabled.js +17 -0
  9. package/dist/cjs/ui/page-layout/panel-splitter/panel-splitter.js +9 -2
  10. package/dist/cjs/ui/page-layout/side-nav/side-nav-content.js +6 -2
  11. package/dist/cjs/ui/page-layout/side-nav/side-nav.js +7 -3
  12. package/dist/cjs/ui/page-layout/side-nav/toggle-button.js +6 -2
  13. package/dist/cjs/ui/page-layout/side-nav/use-side-nav-toggle-keyboard-shortcut.js +6 -2
  14. package/dist/cjs/ui/page-layout/top-nav/top-nav-end.compiled.css +1 -0
  15. package/dist/cjs/ui/page-layout/top-nav/top-nav-end.js +6 -2
  16. package/dist/cjs/ui/page-layout/top-nav/top-nav-middle.js +5 -1
  17. package/dist/cjs/ui/page-layout/top-nav/top-nav-start.js +14 -10
  18. package/dist/cjs/ui/page-layout/top-nav/top-nav.compiled.css +1 -1
  19. package/dist/cjs/ui/page-layout/top-nav/top-nav.js +9 -5
  20. package/dist/cjs/ui/top-nav-items/nav-logo/app-logo.js +7 -3
  21. package/dist/cjs/ui/top-nav-items/search.js +5 -1
  22. package/dist/es2019/entry-points/fhs-rollout.js +3 -0
  23. package/dist/es2019/index.js +3 -0
  24. package/dist/es2019/ui/fhs-rollout/is-custom-is-fhs-enabled-context.js +9 -0
  25. package/dist/es2019/ui/fhs-rollout/is-fhs-enabled-context.js +9 -0
  26. package/dist/es2019/ui/fhs-rollout/is-fhs-enabled-provider.js +23 -0
  27. package/dist/es2019/ui/fhs-rollout/types.js +0 -0
  28. package/dist/es2019/ui/fhs-rollout/use-is-fhs-enabled.js +12 -0
  29. package/dist/es2019/ui/page-layout/panel-splitter/panel-splitter.js +9 -2
  30. package/dist/es2019/ui/page-layout/side-nav/side-nav-content.js +7 -2
  31. package/dist/es2019/ui/page-layout/side-nav/side-nav.js +7 -3
  32. package/dist/es2019/ui/page-layout/side-nav/toggle-button.js +6 -2
  33. package/dist/es2019/ui/page-layout/side-nav/use-side-nav-toggle-keyboard-shortcut.js +6 -2
  34. package/dist/es2019/ui/page-layout/top-nav/top-nav-end.compiled.css +1 -0
  35. package/dist/es2019/ui/page-layout/top-nav/top-nav-end.js +6 -2
  36. package/dist/es2019/ui/page-layout/top-nav/top-nav-middle.js +5 -1
  37. package/dist/es2019/ui/page-layout/top-nav/top-nav-start.js +14 -10
  38. package/dist/es2019/ui/page-layout/top-nav/top-nav.compiled.css +1 -1
  39. package/dist/es2019/ui/page-layout/top-nav/top-nav.js +9 -5
  40. package/dist/es2019/ui/top-nav-items/nav-logo/app-logo.js +7 -3
  41. package/dist/es2019/ui/top-nav-items/search.js +40 -34
  42. package/dist/esm/entry-points/fhs-rollout.js +3 -0
  43. package/dist/esm/index.js +3 -0
  44. package/dist/esm/ui/fhs-rollout/is-custom-is-fhs-enabled-context.js +9 -0
  45. package/dist/esm/ui/fhs-rollout/is-fhs-enabled-context.js +11 -0
  46. package/dist/esm/ui/fhs-rollout/is-fhs-enabled-provider.js +22 -0
  47. package/dist/esm/ui/fhs-rollout/types.js +0 -0
  48. package/dist/esm/ui/fhs-rollout/use-is-fhs-enabled.js +12 -0
  49. package/dist/esm/ui/page-layout/panel-splitter/panel-splitter.js +9 -2
  50. package/dist/esm/ui/page-layout/side-nav/side-nav-content.js +7 -2
  51. package/dist/esm/ui/page-layout/side-nav/side-nav.js +7 -3
  52. package/dist/esm/ui/page-layout/side-nav/toggle-button.js +6 -2
  53. package/dist/esm/ui/page-layout/side-nav/use-side-nav-toggle-keyboard-shortcut.js +6 -2
  54. package/dist/esm/ui/page-layout/top-nav/top-nav-end.compiled.css +1 -0
  55. package/dist/esm/ui/page-layout/top-nav/top-nav-end.js +6 -2
  56. package/dist/esm/ui/page-layout/top-nav/top-nav-middle.js +5 -1
  57. package/dist/esm/ui/page-layout/top-nav/top-nav-start.js +14 -10
  58. package/dist/esm/ui/page-layout/top-nav/top-nav.compiled.css +1 -1
  59. package/dist/esm/ui/page-layout/top-nav/top-nav.js +9 -5
  60. package/dist/esm/ui/top-nav-items/nav-logo/app-logo.js +7 -3
  61. package/dist/esm/ui/top-nav-items/search.js +5 -1
  62. package/dist/types/entry-points/fhs-rollout.d.ts +3 -0
  63. package/dist/types/index.d.ts +3 -0
  64. package/dist/types/ui/fhs-rollout/is-custom-is-fhs-enabled-context.d.ts +7 -0
  65. package/dist/types/ui/fhs-rollout/is-fhs-enabled-context.d.ts +8 -0
  66. package/dist/types/ui/fhs-rollout/is-fhs-enabled-provider.d.ts +10 -0
  67. package/dist/types/ui/fhs-rollout/types.d.ts +1 -0
  68. package/dist/types/ui/fhs-rollout/use-is-fhs-enabled.d.ts +6 -0
  69. package/dist/types/ui/page-layout/panel-splitter/panel-splitter.d.ts +1 -1
  70. package/dist/types/ui/page-layout/panel-splitter/side-nav-panel-splitter.d.ts +1 -1
  71. package/dist/types/ui/page-layout/root.d.ts +1 -1
  72. package/dist/types/ui/page-layout/side-nav/side-nav.d.ts +1 -1
  73. package/dist/types-ts4.5/entry-points/fhs-rollout.d.ts +3 -0
  74. package/dist/types-ts4.5/index.d.ts +3 -0
  75. package/dist/types-ts4.5/ui/fhs-rollout/is-custom-is-fhs-enabled-context.d.ts +7 -0
  76. package/dist/types-ts4.5/ui/fhs-rollout/is-fhs-enabled-context.d.ts +8 -0
  77. package/dist/types-ts4.5/ui/fhs-rollout/is-fhs-enabled-provider.d.ts +10 -0
  78. package/dist/types-ts4.5/ui/fhs-rollout/types.d.ts +1 -0
  79. package/dist/types-ts4.5/ui/fhs-rollout/use-is-fhs-enabled.d.ts +6 -0
  80. package/dist/types-ts4.5/ui/page-layout/panel-splitter/panel-splitter.d.ts +1 -1
  81. package/dist/types-ts4.5/ui/page-layout/panel-splitter/side-nav-panel-splitter.d.ts +1 -1
  82. package/dist/types-ts4.5/ui/page-layout/root.d.ts +1 -1
  83. package/dist/types-ts4.5/ui/page-layout/side-nav/side-nav.d.ts +1 -1
  84. package/fhs-rollout/package.json +17 -0
  85. package/package.json +7 -4
@@ -72,7 +72,7 @@ type SideNavProps = CommonSlotProps & {
72
72
  *
73
73
  * The shortcut key is `Ctrl` + `[`.
74
74
  *
75
- * Note: The built-in keyboard shortcut is behind the `navx-full-height-sidebar` feature flag.
75
+ * Note: The built-in keyboard shortcut is behind `useIsFhsEnabled`.
76
76
  */
77
77
  canToggleWithShortcut?: () => boolean;
78
78
  };
@@ -0,0 +1,3 @@
1
+ export { IsFhsEnabledContext } from '../ui/fhs-rollout/is-fhs-enabled-context';
2
+ export { IsFhsEnabledProvider, type IsFhsEnabledProviderProps, } from '../ui/fhs-rollout/is-fhs-enabled-provider';
3
+ export { useIsFhsEnabled } from '../ui/fhs-rollout/use-is-fhs-enabled';
@@ -1,3 +1,6 @@
1
+ export { IsFhsEnabledContext } from './ui/fhs-rollout/is-fhs-enabled-context';
2
+ export { IsFhsEnabledProvider, type IsFhsEnabledProviderProps, } from './ui/fhs-rollout/is-fhs-enabled-provider';
3
+ export { useIsFhsEnabled } from './ui/fhs-rollout/use-is-fhs-enabled';
1
4
  export { ExpandableMenuItem, type ExpandableMenuItemProps, } from './ui/menu-item/expandable-menu-item/expandable-menu-item';
2
5
  export { ExpandableMenuItemTrigger, type ExpandableMenuItemTriggerProps, } from './ui/menu-item/expandable-menu-item/expandable-menu-item-trigger';
3
6
  export { ExpandableMenuItemContent, type ExpandableMenuItemContentProps, } from './ui/menu-item/expandable-menu-item/expandable-menu-item-content';
@@ -0,0 +1,7 @@
1
+ /**
2
+ * __Is custom is fhs enabled context__
3
+ *
4
+ * Tracks if a custom value has been provided for `IsFhsEnabledContext`.
5
+ * Used to prevent nesting of the `IsFhsEnabledProvider`.
6
+ */
7
+ export declare const IsCustomIsFhsEnabledContext: import("react").Context<boolean>;
@@ -0,0 +1,8 @@
1
+ import type { Get } from './types';
2
+ /**
3
+ * __Is fhs enabled context__
4
+ *
5
+ * Tracks is FHS enabled.
6
+ * Defaults to feature gate 'navx-full-height-sidebar'.
7
+ */
8
+ export declare const IsFhsEnabledContext: import("react").Context<boolean | Get<boolean>>;
@@ -0,0 +1,10 @@
1
+ import React, { type PropsWithChildren } from 'react';
2
+ /**
3
+ * __Is fhs enabled provider__
4
+ *
5
+ * Used to provide a custom value for is FHS enabled.
6
+ */
7
+ export declare const IsFhsEnabledProvider: ({ children, value }: IsFhsEnabledProviderProps) => React.JSX.Element;
8
+ export type IsFhsEnabledProviderProps = PropsWithChildren<{
9
+ value: boolean;
10
+ }>;
@@ -0,0 +1 @@
1
+ export type Get<T> = () => T;
@@ -0,0 +1,6 @@
1
+ /**
2
+ * __Use is fhs enabled__
3
+ *
4
+ * Retrieves is FHS enabled.
5
+ */
6
+ export declare const useIsFhsEnabled: () => boolean;
@@ -29,7 +29,7 @@ export type PanelSplitterProps = {
29
29
  * The `tooltipContent` will not be announced by screen readers because it pertains to the draggable element, which lacks keyboard functionality.
30
30
  * Use the `label` prop to provide accessible information about the panel splitter.
31
31
  *
32
- * Only used if the `navx-full-height-sidebar` feature flag is enabled.
32
+ * Only used if `useIsFhsEnabled` is true.
33
33
  */
34
34
  tooltipContent?: TooltipProps['content'];
35
35
  };
@@ -17,7 +17,7 @@ type SideNavPanelSplitterProps = Omit<PanelSplitterProps, 'onDoubleClick' | 'too
17
17
  *
18
18
  * If the `isSideNavShortcutEnabled` prop is enabled on `<Root />`, the built-in keyboard shortcut will be displayed with the tooltip.
19
19
  *
20
- * Only used if the `navx-full-height-sidebar` feature flag is enabled.
20
+ * Only used if `useIsFhsEnabled` is true.
21
21
  */
22
22
  tooltipContent?: PanelSplitterProps['tooltipContent'];
23
23
  };
@@ -61,7 +61,7 @@ export declare function Root({ children, xcss, UNSAFE_dangerouslyHoistSlotSizes,
61
61
  * is pressed, before the SideNav is toggled. You can use this to conditionally disable the shortcut based on your
62
62
  * your own custom checks, e.g. if there is a legacy dialog open.
63
63
  *
64
- * Note: The built-in keyboard shortcut is behind the `navx-full-height-sidebar` feature flag.
64
+ * Note: The built-in keyboard shortcut is behind `useIsFhsEnabled`.
65
65
  */
66
66
  isSideNavShortcutEnabled?: boolean;
67
67
  }): JSX.Element;
@@ -72,7 +72,7 @@ type SideNavProps = CommonSlotProps & {
72
72
  *
73
73
  * The shortcut key is `Ctrl` + `[`.
74
74
  *
75
- * Note: The built-in keyboard shortcut is behind the `navx-full-height-sidebar` feature flag.
75
+ * Note: The built-in keyboard shortcut is behind `useIsFhsEnabled`.
76
76
  */
77
77
  canToggleWithShortcut?: () => boolean;
78
78
  };
@@ -0,0 +1,17 @@
1
+ {
2
+ "name": "@atlaskit/navigation-system/fhs-rollout",
3
+ "main": "../dist/cjs/entry-points/fhs-rollout.js",
4
+ "module": "../dist/esm/entry-points/fhs-rollout.js",
5
+ "module:es2019": "../dist/es2019/entry-points/fhs-rollout.js",
6
+ "sideEffects": [
7
+ "*.compiled.css"
8
+ ],
9
+ "types": "../dist/types/entry-points/fhs-rollout.d.ts",
10
+ "typesVersions": {
11
+ ">=4.5 <5.9": {
12
+ "*": [
13
+ "../dist/types-ts4.5/entry-points/fhs-rollout.d.ts"
14
+ ]
15
+ }
16
+ }
17
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "5.5.0",
3
+ "version": "5.6.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",
@@ -81,7 +81,7 @@
81
81
  "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
82
82
  "@atlaskit/primitives": "^16.1.0",
83
83
  "@atlaskit/tokens": "^8.0.0",
84
- "@atlaskit/tooltip": "^20.8.0",
84
+ "@atlaskit/tooltip": "^20.9.0",
85
85
  "@atlaskit/visually-hidden": "^3.0.0",
86
86
  "@babel/runtime": "^7.0.0",
87
87
  "@compiled/react": "^0.18.6",
@@ -112,9 +112,9 @@
112
112
  "@atlaskit/page-header": "^12.1.0",
113
113
  "@atlaskit/page-layout": "^4.2.0",
114
114
  "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.0",
115
- "@atlaskit/select": "^21.3.0",
115
+ "@atlaskit/select": "^21.4.0",
116
116
  "@atlaskit/skeleton": "^2.1.0",
117
- "@atlaskit/textfield": "^8.0.0",
117
+ "@atlaskit/textfield": "^8.1.0",
118
118
  "@atlassian/feature-flags-test-utils": "^1.0.0",
119
119
  "@atlassian/gemini": "^1.20.0",
120
120
  "@atlassian/search-dialog": "^9.9.0",
@@ -176,6 +176,9 @@
176
176
  "navx-full-height-sidebar": {
177
177
  "type": "boolean"
178
178
  },
179
+ "navx-2566-implement-fhs-rollout": {
180
+ "type": "boolean"
181
+ },
179
182
  "team25-eu-jira-logo-updates-csm-jsm": {
180
183
  "type": "boolean"
181
184
  },