@atlaskit/navigation-system 5.12.2 → 5.12.3
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 +7 -0
- package/dist/cjs/ui/top-nav-items/nav-logo/logo-renderer.js +4 -17
- package/dist/es2019/ui/top-nav-items/nav-logo/logo-renderer.js +1 -15
- package/dist/esm/ui/top-nav-items/nav-logo/logo-renderer.js +2 -15
- package/dist/types/ui/top-nav-items/nav-logo/logo-renderer.d.ts +1 -4
- package/dist/types-ts4.5/ui/top-nav-items/nav-logo/logo-renderer.d.ts +1 -4
- package/package.json +3 -6
package/CHANGELOG.md
CHANGED
|
@@ -7,31 +7,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.LogoRenderer = LogoRenderer;
|
|
9
9
|
exports.themedLogoText = exports.themedLogoIcon = void 0;
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
11
|
var _runtime = require("@compiled/react/runtime");
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
12
|
var _hasCustomThemeContext = require("../themed/has-custom-theme-context");
|
|
14
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); }
|
|
15
14
|
var themedLogoIcon = exports.themedLogoIcon = '--ds-top-bar-logo-icon';
|
|
16
15
|
var themedLogoText = exports.themedLogoText = '--ds-top-bar-logo-text';
|
|
17
16
|
function LogoRenderer(_ref) {
|
|
18
|
-
var
|
|
17
|
+
var LogoOrIcon = _ref.logoOrIcon,
|
|
19
18
|
shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign;
|
|
20
|
-
return (0, _platformFeatureFlags.fg)('jiv-20710-fix-nav-rerender') ? /*#__PURE__*/_react.default.createElement(LogoRendererMemo, {
|
|
21
|
-
logoOrIcon: logoOrIcon,
|
|
22
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign
|
|
23
|
-
}) : /*#__PURE__*/_react.default.createElement(LogoRendererNoMemo, {
|
|
24
|
-
logoOrIcon: logoOrIcon,
|
|
25
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
var LogoRendererMemo = /*#__PURE__*/(0, _react.memo)(LogoRendererNoMemo);
|
|
29
|
-
function LogoRendererNoMemo(_ref2) {
|
|
30
|
-
var LogoOrIcon = _ref2.logoOrIcon,
|
|
31
|
-
shouldUseNewLogoDesign = _ref2.shouldUseNewLogoDesign;
|
|
32
19
|
var hasCustomTheme = (0, _hasCustomThemeContext.useHasCustomTheme)();
|
|
33
20
|
if (hasCustomTheme) {
|
|
34
|
-
return /*#__PURE__*/
|
|
21
|
+
return /*#__PURE__*/React.createElement(LogoOrIcon, {
|
|
35
22
|
label: "",
|
|
36
23
|
size: "small",
|
|
37
24
|
shouldUseNewLogoDesign: shouldUseNewLogoDesign,
|
|
@@ -39,7 +26,7 @@ function LogoRendererNoMemo(_ref2) {
|
|
|
39
26
|
textColor: "var(".concat(themedLogoText, ")")
|
|
40
27
|
});
|
|
41
28
|
}
|
|
42
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/React.createElement(LogoOrIcon, {
|
|
43
30
|
size: "small",
|
|
44
31
|
shouldUseNewLogoDesign: shouldUseNewLogoDesign,
|
|
45
32
|
label: "",
|
|
@@ -1,24 +1,10 @@
|
|
|
1
1
|
/* logo-renderer.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
|
+
import * as React from 'react';
|
|
2
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
3
|
-
import React, { memo } from 'react';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
4
|
import { useHasCustomTheme } from '../themed/has-custom-theme-context';
|
|
6
5
|
export const themedLogoIcon = '--ds-top-bar-logo-icon';
|
|
7
6
|
export const themedLogoText = '--ds-top-bar-logo-text';
|
|
8
7
|
export function LogoRenderer({
|
|
9
|
-
logoOrIcon,
|
|
10
|
-
shouldUseNewLogoDesign
|
|
11
|
-
}) {
|
|
12
|
-
return fg('jiv-20710-fix-nav-rerender') ? /*#__PURE__*/React.createElement(LogoRendererMemo, {
|
|
13
|
-
logoOrIcon: logoOrIcon,
|
|
14
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign
|
|
15
|
-
}) : /*#__PURE__*/React.createElement(LogoRendererNoMemo, {
|
|
16
|
-
logoOrIcon: logoOrIcon,
|
|
17
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
const LogoRendererMemo = /*#__PURE__*/memo(LogoRendererNoMemo);
|
|
21
|
-
function LogoRendererNoMemo({
|
|
22
8
|
logoOrIcon: LogoOrIcon,
|
|
23
9
|
shouldUseNewLogoDesign
|
|
24
10
|
}) {
|
|
@@ -1,25 +1,12 @@
|
|
|
1
1
|
/* logo-renderer.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
|
+
import * as React from 'react';
|
|
2
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
3
|
-
import React, { memo } from 'react';
|
|
4
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
4
|
import { useHasCustomTheme } from '../themed/has-custom-theme-context';
|
|
6
5
|
export var themedLogoIcon = '--ds-top-bar-logo-icon';
|
|
7
6
|
export var themedLogoText = '--ds-top-bar-logo-text';
|
|
8
7
|
export function LogoRenderer(_ref) {
|
|
9
|
-
var
|
|
8
|
+
var LogoOrIcon = _ref.logoOrIcon,
|
|
10
9
|
shouldUseNewLogoDesign = _ref.shouldUseNewLogoDesign;
|
|
11
|
-
return fg('jiv-20710-fix-nav-rerender') ? /*#__PURE__*/React.createElement(LogoRendererMemo, {
|
|
12
|
-
logoOrIcon: logoOrIcon,
|
|
13
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign
|
|
14
|
-
}) : /*#__PURE__*/React.createElement(LogoRendererNoMemo, {
|
|
15
|
-
logoOrIcon: logoOrIcon,
|
|
16
|
-
shouldUseNewLogoDesign: shouldUseNewLogoDesign
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
var LogoRendererMemo = /*#__PURE__*/memo(LogoRendererNoMemo);
|
|
20
|
-
function LogoRendererNoMemo(_ref2) {
|
|
21
|
-
var LogoOrIcon = _ref2.logoOrIcon,
|
|
22
|
-
shouldUseNewLogoDesign = _ref2.shouldUseNewLogoDesign;
|
|
23
10
|
var hasCustomTheme = useHasCustomTheme();
|
|
24
11
|
if (hasCustomTheme) {
|
|
25
12
|
return /*#__PURE__*/React.createElement(LogoOrIcon, {
|
|
@@ -2,13 +2,10 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import React from 'react';
|
|
6
5
|
import type { LogoProps } from '@atlaskit/logo';
|
|
7
6
|
export declare const themedLogoIcon = "--ds-top-bar-logo-icon";
|
|
8
7
|
export declare const themedLogoText = "--ds-top-bar-logo-text";
|
|
9
|
-
export declare function LogoRenderer({ logoOrIcon, shouldUseNewLogoDesign, }:
|
|
10
|
-
declare function LogoRendererNoMemo({ logoOrIcon: LogoOrIcon, shouldUseNewLogoDesign, }: {
|
|
8
|
+
export declare function LogoRenderer({ logoOrIcon: LogoOrIcon, shouldUseNewLogoDesign, }: {
|
|
11
9
|
logoOrIcon: (props: LogoProps) => JSX.Element;
|
|
12
10
|
shouldUseNewLogoDesign?: boolean;
|
|
13
11
|
}): JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -2,13 +2,10 @@
|
|
|
2
2
|
* @jsxRuntime classic
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
|
-
import React from 'react';
|
|
6
5
|
import type { LogoProps } from '@atlaskit/logo';
|
|
7
6
|
export declare const themedLogoIcon = "--ds-top-bar-logo-icon";
|
|
8
7
|
export declare const themedLogoText = "--ds-top-bar-logo-text";
|
|
9
|
-
export declare function LogoRenderer({ logoOrIcon, shouldUseNewLogoDesign, }:
|
|
10
|
-
declare function LogoRendererNoMemo({ logoOrIcon: LogoOrIcon, shouldUseNewLogoDesign, }: {
|
|
8
|
+
export declare function LogoRenderer({ logoOrIcon: LogoOrIcon, shouldUseNewLogoDesign, }: {
|
|
11
9
|
logoOrIcon: (props: LogoProps) => JSX.Element;
|
|
12
10
|
shouldUseNewLogoDesign?: boolean;
|
|
13
11
|
}): JSX.Element;
|
|
14
|
-
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/navigation-system",
|
|
3
|
-
"version": "5.12.
|
|
3
|
+
"version": "5.12.3",
|
|
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",
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"@atlaskit/layering": "^3.4.0",
|
|
76
76
|
"@atlaskit/logo": "^19.9.0",
|
|
77
77
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
78
|
-
"@atlaskit/popup": "^4.
|
|
78
|
+
"@atlaskit/popup": "^4.8.0",
|
|
79
79
|
"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
|
|
80
80
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
|
|
81
81
|
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
"@atlaskit/skeleton": "^2.1.0",
|
|
117
117
|
"@atlaskit/textfield": "^8.2.0",
|
|
118
118
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
119
|
-
"@atlassian/gemini": "^1.
|
|
119
|
+
"@atlassian/gemini": "^1.25.0",
|
|
120
120
|
"@atlassian/search-dialog": "^9.10.0",
|
|
121
121
|
"@atlassian/ssr-tests": "workspace:^",
|
|
122
122
|
"@atlassian/test-utils": "^1.0.0",
|
|
@@ -164,9 +164,6 @@
|
|
|
164
164
|
"platform-team25-app-icon-tiles": {
|
|
165
165
|
"type": "boolean"
|
|
166
166
|
},
|
|
167
|
-
"jiv-20710-fix-nav-rerender": {
|
|
168
|
-
"type": "boolean"
|
|
169
|
-
},
|
|
170
167
|
"platform_dst_nav4_layering_in_main_slot_fixes": {
|
|
171
168
|
"type": "boolean"
|
|
172
169
|
},
|