@atlaskit/navigation-system 10.5.4 → 10.5.6
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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/ui/page-layout/aside.js +1 -0
- package/dist/cjs/ui/page-layout/dangerously-hoist-css-var-to-document-root.js +2 -0
- package/dist/cjs/ui/page-layout/panel.js +1 -0
- package/dist/cjs/ui/page-layout/ribbon.js +1 -0
- package/dist/cjs/ui/page-layout/side-nav/side-nav.js +1 -1
- package/dist/cjs/ui/top-nav-items/log-in.js +2 -0
- package/dist/es2019/ui/page-layout/aside.js +1 -0
- package/dist/es2019/ui/page-layout/dangerously-hoist-css-var-to-document-root.js +3 -0
- package/dist/es2019/ui/page-layout/panel.js +1 -0
- package/dist/es2019/ui/page-layout/ribbon.js +1 -0
- package/dist/es2019/ui/page-layout/side-nav/side-nav.js +1 -0
- package/dist/es2019/ui/top-nav-items/log-in.js +2 -0
- package/dist/esm/ui/page-layout/aside.js +1 -0
- package/dist/esm/ui/page-layout/dangerously-hoist-css-var-to-document-root.js +3 -0
- package/dist/esm/ui/page-layout/panel.js +1 -0
- package/dist/esm/ui/page-layout/ribbon.js +1 -0
- package/dist/esm/ui/page-layout/side-nav/side-nav.js +1 -0
- package/dist/esm/ui/top-nav-items/log-in.js +2 -0
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -25,6 +25,7 @@ var _useLayoutId = require("./use-layout-id");
|
|
|
25
25
|
var _useResizingWidthCssVarOnRootElement = require("./use-resizing-width-css-var-on-root-element");
|
|
26
26
|
var _useSafeDefaultWidth = require("./use-safe-default-width");
|
|
27
27
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
28
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
28
29
|
var panelSplitterResizingVar = '--n_asdRsz';
|
|
29
30
|
/**
|
|
30
31
|
* The bounds for Aside and Panel are purposely set to support the current usage in Jira.
|
|
@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.DangerouslyHoistCssVarToDocumentRoot = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
10
|
+
|
|
9
11
|
var getCssStringValue = function getCssStringValue(value) {
|
|
10
12
|
return typeof value === 'number' ? "".concat(value, "px") : value;
|
|
11
13
|
};
|
|
@@ -25,6 +25,7 @@ var _useLayoutId = require("./use-layout-id");
|
|
|
25
25
|
var _useResizingWidthCssVarOnRootElement = require("./use-resizing-width-css-var-on-root-element");
|
|
26
26
|
var _useSafeDefaultWidth = require("./use-safe-default-width");
|
|
27
27
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
28
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
28
29
|
var panelSplitterResizingVar = '--n_pnlRsz';
|
|
29
30
|
var fallbackDefaultWidth = 365;
|
|
30
31
|
|
|
@@ -16,6 +16,7 @@ var _dangerouslyHoistCssVarToDocumentRoot = require("./dangerously-hoist-css-var
|
|
|
16
16
|
var _hoistSlotSizesContext = require("./hoist-slot-sizes-context");
|
|
17
17
|
var _useLayoutId = require("./use-layout-id");
|
|
18
18
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
19
20
|
var styles = {
|
|
20
21
|
root: "_nd5l1c99 _1reo15vq _18m915vq _4t3i1osq _152tidpf _kqsw1if8 _vchhusvi _1pbyegat _1e0cglyw _dm2518uv"
|
|
21
22
|
};
|
|
@@ -47,7 +47,7 @@ var _useSideNavVisibilityCallbacks = require("./use-side-nav-visibility-callback
|
|
|
47
47
|
var _useToggleSideNav = require("./use-toggle-side-nav");
|
|
48
48
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
49
49
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
50
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
50
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
51
51
|
var panelSplitterResizingVar = '--n_snvRsz';
|
|
52
52
|
// Used to share the side nav width with the panel splitter, which is rendered outside the side nav element
|
|
53
53
|
// but positioned to stay at its right edge.
|
|
@@ -11,6 +11,8 @@ var _logIn = _interopRequireDefault(require("@atlaskit/icon/core/log-in"));
|
|
|
11
11
|
var _listItem = require("../../components/list-item");
|
|
12
12
|
var _linkIconButton = require("./themed/link-icon-button");
|
|
13
13
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
14
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
15
|
+
|
|
14
16
|
/**
|
|
15
17
|
* __Log in__
|
|
16
18
|
*
|
|
@@ -5,6 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import { useContext, useEffect, useRef, useState } from 'react';
|
|
6
6
|
import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
8
9
|
import { media } from '@atlaskit/primitives/responsive';
|
|
9
10
|
import { useSkipLinkInternal } from '../../context/skip-links/use-skip-link-internal';
|
|
10
11
|
import { asidePanelSplitterId, asideVar, contentHeightWhenFixed, contentInsetBlockStart, UNSAFE_asideLayoutVar } from './constants';
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
4
|
+
|
|
2
5
|
const getCssStringValue = value => typeof value === 'number' ? `${value}px` : value;
|
|
3
6
|
export const DangerouslyHoistCssVarToDocumentRoot = ({
|
|
4
7
|
variableName,
|
|
@@ -4,6 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { useCallback, useContext, useEffect, useRef, useState } from 'react';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
7
8
|
import { media } from '@atlaskit/primitives/responsive';
|
|
8
9
|
import { useSkipLinkInternal } from '../../context/skip-links/use-skip-link-internal';
|
|
9
10
|
import { contentHeightWhenFixed, contentInsetBlockStart, localSlotLayers, panelPanelSplitterId, panelVar, sideNavLiveWidthVar, UNSAFE_panelLayoutVar } from './constants';
|
|
@@ -3,6 +3,7 @@ import "./ribbon.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { useContext } from 'react';
|
|
6
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
6
7
|
import { media } from '@atlaskit/primitives/responsive';
|
|
7
8
|
import { localSlotLayers, UNSAFE_ribbonVar } from './constants';
|
|
8
9
|
import { DangerouslyHoistCssVarToDocumentRoot } from './dangerously-hoist-css-var-to-document-root';
|
|
@@ -11,6 +11,7 @@ import useStableRef from '@atlaskit/ds-lib/use-stable-ref';
|
|
|
11
11
|
import { OpenLayerObserverNamespaceProvider, useOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
13
|
import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
|
|
14
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
14
15
|
import { media } from '@atlaskit/primitives/responsive';
|
|
15
16
|
import { useSkipLinkInternal } from '../../../context/skip-links/use-skip-link-internal';
|
|
16
17
|
import { TopNavStartElement } from '../../../context/top-nav-start/top-nav-start-element';
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import LogInIcon from '@atlaskit/icon/core/log-in';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
4
|
+
|
|
3
5
|
import { ListItem } from '../../components/list-item';
|
|
4
6
|
import { LinkIconButton } from './themed/link-icon-button';
|
|
5
7
|
/**
|
|
@@ -7,6 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
7
7
|
import { useContext, useEffect, useRef, useState } from 'react';
|
|
8
8
|
import usePreviousValue from '@atlaskit/ds-lib/use-previous-value';
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
10
11
|
import { media } from '@atlaskit/primitives/responsive';
|
|
11
12
|
import { useSkipLinkInternal } from '../../context/skip-links/use-skip-link-internal';
|
|
12
13
|
import { asidePanelSplitterId, asideVar, contentHeightWhenFixed, contentInsetBlockStart, UNSAFE_asideLayoutVar } from './constants';
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
4
|
+
|
|
2
5
|
var getCssStringValue = function getCssStringValue(value) {
|
|
3
6
|
return typeof value === 'number' ? "".concat(value, "px") : value;
|
|
4
7
|
};
|
|
@@ -6,6 +6,7 @@ import * as React from 'react';
|
|
|
6
6
|
import { ax, ix } from "@compiled/react/runtime";
|
|
7
7
|
import { useCallback, useContext, useEffect, useRef, useState } from 'react';
|
|
8
8
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
9
10
|
import { media } from '@atlaskit/primitives/responsive';
|
|
10
11
|
import { useSkipLinkInternal } from '../../context/skip-links/use-skip-link-internal';
|
|
11
12
|
import { contentHeightWhenFixed, contentInsetBlockStart, localSlotLayers, panelPanelSplitterId, panelVar, sideNavLiveWidthVar, UNSAFE_panelLayoutVar } from './constants';
|
|
@@ -3,6 +3,7 @@ import "./ribbon.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { useContext } from 'react';
|
|
6
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
6
7
|
import { media } from '@atlaskit/primitives/responsive';
|
|
7
8
|
import { localSlotLayers, UNSAFE_ribbonVar } from './constants';
|
|
8
9
|
import { DangerouslyHoistCssVarToDocumentRoot } from './dangerously-hoist-css-var-to-document-root';
|
|
@@ -15,6 +15,7 @@ import useStableRef from '@atlaskit/ds-lib/use-stable-ref';
|
|
|
15
15
|
import { OpenLayerObserverNamespaceProvider, useOpenLayerObserver } from '@atlaskit/layering/experimental/open-layer-observer';
|
|
16
16
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
17
17
|
import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
|
|
18
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
18
19
|
import { media } from '@atlaskit/primitives/responsive';
|
|
19
20
|
import { useSkipLinkInternal } from '../../../context/skip-links/use-skip-link-internal';
|
|
20
21
|
import { TopNavStartElement } from '../../../context/top-nav-start/top-nav-start-element';
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import LogInIcon from '@atlaskit/icon/core/log-in';
|
|
3
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- TODO: migrate to @atlaskit/primitives/compiled
|
|
4
|
+
|
|
3
5
|
import { ListItem } from '../../components/list-item';
|
|
4
6
|
import { LinkIconButton } from './themed/link-icon-button';
|
|
5
7
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/navigation-system",
|
|
3
|
-
"version": "10.5.
|
|
3
|
+
"version": "10.5.6",
|
|
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",
|
|
@@ -66,10 +66,10 @@
|
|
|
66
66
|
"@atlaskit/platform-feature-flags-react": "^1.1.0",
|
|
67
67
|
"@atlaskit/popup": "^5.1.0",
|
|
68
68
|
"@atlaskit/pragmatic-drag-and-drop": "^2.0.0",
|
|
69
|
-
"@atlaskit/primitives": "^
|
|
69
|
+
"@atlaskit/primitives": "^21.0.0",
|
|
70
70
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
71
71
|
"@atlaskit/side-nav-items": "^2.2.0",
|
|
72
|
-
"@atlaskit/tokens": "^
|
|
72
|
+
"@atlaskit/tokens": "^16.0.0",
|
|
73
73
|
"@atlaskit/tooltip": "^23.1.0",
|
|
74
74
|
"@atlaskit/visually-hidden": "^4.1.0",
|
|
75
75
|
"@babel/runtime": "^7.0.0",
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"@atlaskit/banner": "^15.1.0",
|
|
91
91
|
"@atlaskit/breadcrumbs": "^17.5.0",
|
|
92
92
|
"@atlaskit/dropdown-menu": "^17.1.0",
|
|
93
|
-
"@atlaskit/flag": "^18.
|
|
93
|
+
"@atlaskit/flag": "^18.2.0",
|
|
94
94
|
"@atlaskit/form": "^16.1.0",
|
|
95
95
|
"@atlaskit/heading": "^6.2.0",
|
|
96
96
|
"@atlaskit/inline-dialog": "^19.1.0",
|