@atlaskit/link-picker 3.16.4 → 3.16.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 +13 -0
- package/compass.yml +3 -0
- package/dist/cjs/controllers/session-provider/index.js +3 -0
- package/dist/cjs/ui/link-picker/index.js +3 -1
- package/dist/cjs/ui/link-picker/search-results/link-search-list/index.js +13 -6
- package/dist/cjs/ui/main.js +1 -1
- package/dist/es2019/controllers/session-provider/index.js +3 -0
- package/dist/es2019/ui/link-picker/index.js +3 -0
- package/dist/es2019/ui/link-picker/search-results/link-search-list/index.js +13 -6
- package/dist/es2019/ui/main.js +1 -1
- package/dist/esm/controllers/session-provider/index.js +3 -0
- package/dist/esm/ui/link-picker/index.js +3 -0
- package/dist/esm/ui/link-picker/search-results/link-search-list/index.js +13 -6
- package/dist/esm/ui/main.js +1 -1
- package/package.json +7 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/link-picker
|
|
2
2
|
|
|
3
|
+
## 3.16.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 3.16.5
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`56537d0ea00dd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/56537d0ea00dd) -
|
|
14
|
+
NAVX-2134 fixing styling for link picker heading a11y change
|
|
15
|
+
|
|
3
16
|
## 3.16.4
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/compass.yml
CHANGED
|
@@ -13,6 +13,9 @@ fields:
|
|
|
13
13
|
tier: 4
|
|
14
14
|
lifecycle: Active
|
|
15
15
|
links:
|
|
16
|
+
- name: Root Repository
|
|
17
|
+
type: REPOSITORY
|
|
18
|
+
url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
|
|
16
19
|
- name: SignalFx - Link Picker
|
|
17
20
|
type: DASHBOARD
|
|
18
21
|
url: 'https://atlassian.signalfx.com/#/dashboard/FdExWKXA4AY?groupId=Fcva05QA4AA&configId=FpAl8Y3AwAA&startTime=-31d&endTime=Now'
|
|
@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _uuid = require("uuid");
|
|
10
10
|
var _experiences = require("../../common/analytics/experiences");
|
|
11
11
|
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); }
|
|
12
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
13
|
+
|
|
12
14
|
var INIT_CONTEXT = exports.INIT_CONTEXT = 'SESSION_UNINITIALIZED';
|
|
13
15
|
var SessionContext = exports.SessionContext = /*#__PURE__*/(0, _react.createContext)(INIT_CONTEXT);
|
|
14
16
|
var useConstructor = function useConstructor(callback) {
|
|
@@ -21,6 +23,7 @@ var useConstructor = function useConstructor(callback) {
|
|
|
21
23
|
};
|
|
22
24
|
var LinkPickerSessionProvider = exports.LinkPickerSessionProvider = function LinkPickerSessionProvider(_ref) {
|
|
23
25
|
var children = _ref.children;
|
|
26
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
24
27
|
var _useRef = (0, _react.useRef)((0, _uuid.v4)()),
|
|
25
28
|
sessionId = _useRef.current;
|
|
26
29
|
(0, _react.useEffect)(function () {
|
|
@@ -46,7 +46,7 @@ var _trackMount = require("./track-mount");
|
|
|
46
46
|
var _utils = require("./utils");
|
|
47
47
|
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); }
|
|
48
48
|
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; }
|
|
49
|
-
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; }
|
|
49
|
+
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/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
50
50
|
var styles = {
|
|
51
51
|
fullWidthSubmitButton: "_19pkpxbi _1e0c1txw _2lx21bp4",
|
|
52
52
|
linkDisplayHelperTextContainer: "_19pk1b66 _syaz1be1",
|
|
@@ -166,6 +166,8 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
|
|
|
166
166
|
var _useLinkPickerAnalyti = (0, _analytics.useLinkPickerAnalytics)(),
|
|
167
167
|
trackAttribute = _useLinkPickerAnalyti.trackAttribute,
|
|
168
168
|
getAttributes = _useLinkPickerAnalyti.getAttributes;
|
|
169
|
+
|
|
170
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
169
171
|
var submitMessageId = (0, _react.useMemo)(function () {
|
|
170
172
|
return (0, _uuid.default)();
|
|
171
173
|
}, []);
|
|
@@ -15,7 +15,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
15
15
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
16
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
17
|
var _reactIntlNext = require("react-intl-next");
|
|
18
|
-
var _css = require("@atlaskit/css");
|
|
19
18
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
20
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
21
20
|
var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
|
|
@@ -30,15 +29,19 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
30
29
|
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; }
|
|
31
30
|
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; }
|
|
32
31
|
var styles = {
|
|
33
|
-
emptyStateNoResultsWrapper: "_1tkepxbi"
|
|
34
|
-
baseListTitleStyles: "_11c81o8v _k48pmoej _otyr1b66",
|
|
35
|
-
newListTitleStyles: "_syaz1gjq"
|
|
32
|
+
emptyStateNoResultsWrapper: "_1tkepxbi"
|
|
36
33
|
};
|
|
37
34
|
var listContainerStyles = null;
|
|
38
35
|
var spinnerContainerStyles = null;
|
|
39
36
|
var listStyles = null;
|
|
40
37
|
var baseListTitleStyles = null;
|
|
41
38
|
var newListTitleStyles = null;
|
|
39
|
+
var listTitleStyles = {
|
|
40
|
+
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
41
|
+
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
42
|
+
marginBottom: "var(--ds-space-050, 4px)",
|
|
43
|
+
color: "var(--ds-text-subtle, #44546F)"
|
|
44
|
+
};
|
|
42
45
|
var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
|
|
43
46
|
titleRecentlyViewed: {
|
|
44
47
|
id: 'fabric.linkPicker.listTitle.recentlyViewed',
|
|
@@ -147,8 +150,12 @@ var LinkSearchList = exports.LinkSearchList = /*#__PURE__*/(0, _react.forwardRef
|
|
|
147
150
|
var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
|
|
148
151
|
if (items && items.length > 0) {
|
|
149
152
|
itemsContent = /*#__PURE__*/React.createElement(_react.Fragment, null, (0, _platformFeatureFlags.fg)('navx-2134-fix-a11y-link-picker-headings') ? /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
150
|
-
as: "h2"
|
|
151
|
-
|
|
153
|
+
as: "h2" // Must remain <h2> for a11y title hierarchy as per https://hello.jira.atlassian.cloud/browse/A11Y-27579
|
|
154
|
+
// `.wiki-content h2` css styles in confluence override ADS/native styles here, so inline styles are needed.
|
|
155
|
+
// Should use css or xcss prop when that CSS is removed/fixed by confluence
|
|
156
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
157
|
+
,
|
|
158
|
+
style: listTitleStyles,
|
|
152
159
|
id: testIds.resultListTitle,
|
|
153
160
|
testId: testIds.resultListTitle
|
|
154
161
|
}, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, linkListTitle)) : /*#__PURE__*/React.createElement("div", {
|
package/dist/cjs/ui/main.js
CHANGED
|
@@ -25,7 +25,7 @@ var testIds = exports.testIds = {
|
|
|
25
25
|
};
|
|
26
26
|
var PACKAGE_DATA = exports.PACKAGE_DATA = {
|
|
27
27
|
packageName: "@atlaskit/link-picker" || '',
|
|
28
|
-
packageVersion: "
|
|
28
|
+
packageVersion: "3.16.5" || '',
|
|
29
29
|
componentName: _constants.COMPONENT_NAME,
|
|
30
30
|
source: _constants.COMPONENT_NAME
|
|
31
31
|
};
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React, { createContext, useContext, useEffect, useRef } from 'react';
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
2
4
|
import { v4 as uuidv4 } from 'uuid';
|
|
3
5
|
import { abortUfoExperience, startUfoExperience, ufoExperience } from '../../common/analytics/experiences';
|
|
4
6
|
export const INIT_CONTEXT = 'SESSION_UNINITIALIZED';
|
|
@@ -14,6 +16,7 @@ const useConstructor = callback => {
|
|
|
14
16
|
export const LinkPickerSessionProvider = ({
|
|
15
17
|
children
|
|
16
18
|
}) => {
|
|
19
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
17
20
|
const {
|
|
18
21
|
current: sessionId
|
|
19
22
|
} = useRef(uuidv4());
|
|
@@ -5,6 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
|
|
7
7
|
import { FormattedMessage, useIntl } from 'react-intl-next';
|
|
8
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
8
9
|
import uuid from 'uuid';
|
|
9
10
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
10
11
|
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
@@ -157,6 +158,8 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
|
|
|
157
158
|
trackAttribute,
|
|
158
159
|
getAttributes
|
|
159
160
|
} = useLinkPickerAnalytics();
|
|
161
|
+
|
|
162
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
160
163
|
const submitMessageId = useMemo(() => uuid(), []);
|
|
161
164
|
useLayoutEffect(() => {
|
|
162
165
|
if (onContentResize) {
|
|
@@ -5,7 +5,6 @@ import * as React from 'react';
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { forwardRef, Fragment, useCallback, useRef } from 'react';
|
|
7
7
|
import { defineMessages, FormattedMessage } from 'react-intl-next';
|
|
8
|
-
import { cx } from '@atlaskit/css';
|
|
9
8
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
9
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
11
10
|
import Spinner from '@atlaskit/spinner';
|
|
@@ -16,15 +15,19 @@ import { NoResults, testIds as noResultsTestIds } from './link-search-no-results
|
|
|
16
15
|
import { LinkSearchListItem, testIds as searchResultItemTestIds } from './list-item';
|
|
17
16
|
import { useTrackResultsShown } from './use-track-results-shown';
|
|
18
17
|
const styles = {
|
|
19
|
-
emptyStateNoResultsWrapper: "_1tkepxbi"
|
|
20
|
-
baseListTitleStyles: "_11c81o8v _k48pmoej _otyr1b66",
|
|
21
|
-
newListTitleStyles: "_syaz1gjq"
|
|
18
|
+
emptyStateNoResultsWrapper: "_1tkepxbi"
|
|
22
19
|
};
|
|
23
20
|
const listContainerStyles = null;
|
|
24
21
|
const spinnerContainerStyles = null;
|
|
25
22
|
const listStyles = null;
|
|
26
23
|
const baseListTitleStyles = null;
|
|
27
24
|
const newListTitleStyles = null;
|
|
25
|
+
const listTitleStyles = {
|
|
26
|
+
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
27
|
+
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
28
|
+
marginBottom: "var(--ds-space-050, 4px)",
|
|
29
|
+
color: "var(--ds-text-subtle, #44546F)"
|
|
30
|
+
};
|
|
28
31
|
export const messages = defineMessages({
|
|
29
32
|
titleRecentlyViewed: {
|
|
30
33
|
id: 'fabric.linkPicker.listTitle.recentlyViewed',
|
|
@@ -136,8 +139,12 @@ export const LinkSearchList = /*#__PURE__*/forwardRef(({
|
|
|
136
139
|
const listItemNameMaxLines = activePlugin === null || activePlugin === void 0 ? void 0 : (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
|
|
137
140
|
if (items && items.length > 0) {
|
|
138
141
|
itemsContent = /*#__PURE__*/React.createElement(Fragment, null, fg('navx-2134-fix-a11y-link-picker-headings') ? /*#__PURE__*/React.createElement(Box, {
|
|
139
|
-
as: "h2"
|
|
140
|
-
|
|
142
|
+
as: "h2" // Must remain <h2> for a11y title hierarchy as per https://hello.jira.atlassian.cloud/browse/A11Y-27579
|
|
143
|
+
// `.wiki-content h2` css styles in confluence override ADS/native styles here, so inline styles are needed.
|
|
144
|
+
// Should use css or xcss prop when that CSS is removed/fixed by confluence
|
|
145
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
146
|
+
,
|
|
147
|
+
style: listTitleStyles,
|
|
141
148
|
id: testIds.resultListTitle,
|
|
142
149
|
testId: testIds.resultListTitle
|
|
143
150
|
}, /*#__PURE__*/React.createElement(FormattedMessage, linkListTitle)) : /*#__PURE__*/React.createElement("div", {
|
package/dist/es2019/ui/main.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React, { createContext, useContext, useEffect, useRef } from 'react';
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
2
4
|
import { v4 as uuidv4 } from 'uuid';
|
|
3
5
|
import { abortUfoExperience, startUfoExperience, ufoExperience } from '../../common/analytics/experiences';
|
|
4
6
|
export var INIT_CONTEXT = 'SESSION_UNINITIALIZED';
|
|
@@ -13,6 +15,7 @@ var useConstructor = function useConstructor(callback) {
|
|
|
13
15
|
};
|
|
14
16
|
export var LinkPickerSessionProvider = function LinkPickerSessionProvider(_ref) {
|
|
15
17
|
var children = _ref.children;
|
|
18
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
16
19
|
var _useRef = useRef(uuidv4()),
|
|
17
20
|
sessionId = _useRef.current;
|
|
18
21
|
useEffect(function () {
|
|
@@ -11,6 +11,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
11
11
|
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) { _defineProperty(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; }
|
|
12
12
|
import { Fragment, memo, useCallback, useLayoutEffect, useMemo, useReducer } from 'react';
|
|
13
13
|
import { FormattedMessage, useIntl } from 'react-intl-next';
|
|
14
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
14
15
|
import uuid from 'uuid';
|
|
15
16
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
16
17
|
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
@@ -157,6 +158,8 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
|
|
|
157
158
|
var _useLinkPickerAnalyti = useLinkPickerAnalytics(),
|
|
158
159
|
trackAttribute = _useLinkPickerAnalyti.trackAttribute,
|
|
159
160
|
getAttributes = _useLinkPickerAnalyti.getAttributes;
|
|
161
|
+
|
|
162
|
+
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
160
163
|
var submitMessageId = useMemo(function () {
|
|
161
164
|
return uuid();
|
|
162
165
|
}, []);
|
|
@@ -10,7 +10,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
10
10
|
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) { _defineProperty(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; }
|
|
11
11
|
import { forwardRef, Fragment, useCallback, useRef } from 'react';
|
|
12
12
|
import { defineMessages, FormattedMessage } from 'react-intl-next';
|
|
13
|
-
import { cx } from '@atlaskit/css';
|
|
14
13
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
14
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
16
15
|
import Spinner from '@atlaskit/spinner';
|
|
@@ -21,15 +20,19 @@ import { NoResults, testIds as noResultsTestIds } from './link-search-no-results
|
|
|
21
20
|
import { LinkSearchListItem, testIds as searchResultItemTestIds } from './list-item';
|
|
22
21
|
import { useTrackResultsShown } from './use-track-results-shown';
|
|
23
22
|
var styles = {
|
|
24
|
-
emptyStateNoResultsWrapper: "_1tkepxbi"
|
|
25
|
-
baseListTitleStyles: "_11c81o8v _k48pmoej _otyr1b66",
|
|
26
|
-
newListTitleStyles: "_syaz1gjq"
|
|
23
|
+
emptyStateNoResultsWrapper: "_1tkepxbi"
|
|
27
24
|
};
|
|
28
25
|
var listContainerStyles = null;
|
|
29
26
|
var spinnerContainerStyles = null;
|
|
30
27
|
var listStyles = null;
|
|
31
28
|
var baseListTitleStyles = null;
|
|
32
29
|
var newListTitleStyles = null;
|
|
30
|
+
var listTitleStyles = {
|
|
31
|
+
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
32
|
+
fontWeight: "var(--ds-font-weight-bold, 700)",
|
|
33
|
+
marginBottom: "var(--ds-space-050, 4px)",
|
|
34
|
+
color: "var(--ds-text-subtle, #44546F)"
|
|
35
|
+
};
|
|
33
36
|
export var messages = defineMessages({
|
|
34
37
|
titleRecentlyViewed: {
|
|
35
38
|
id: 'fabric.linkPicker.listTitle.recentlyViewed',
|
|
@@ -138,8 +141,12 @@ export var LinkSearchList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
138
141
|
var listItemNameMaxLines = activePlugin === null || activePlugin === void 0 || (_activePlugin$uiOptio = activePlugin.uiOptions) === null || _activePlugin$uiOptio === void 0 ? void 0 : _activePlugin$uiOptio.listItemNameMaxLines;
|
|
139
142
|
if (items && items.length > 0) {
|
|
140
143
|
itemsContent = /*#__PURE__*/React.createElement(Fragment, null, fg('navx-2134-fix-a11y-link-picker-headings') ? /*#__PURE__*/React.createElement(Box, {
|
|
141
|
-
as: "h2"
|
|
142
|
-
|
|
144
|
+
as: "h2" // Must remain <h2> for a11y title hierarchy as per https://hello.jira.atlassian.cloud/browse/A11Y-27579
|
|
145
|
+
// `.wiki-content h2` css styles in confluence override ADS/native styles here, so inline styles are needed.
|
|
146
|
+
// Should use css or xcss prop when that CSS is removed/fixed by confluence
|
|
147
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
148
|
+
,
|
|
149
|
+
style: listTitleStyles,
|
|
143
150
|
id: testIds.resultListTitle,
|
|
144
151
|
testId: testIds.resultListTitle
|
|
145
152
|
}, /*#__PURE__*/React.createElement(FormattedMessage, linkListTitle)) : /*#__PURE__*/React.createElement("div", {
|
package/dist/esm/ui/main.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-picker",
|
|
3
|
-
"version": "3.16.
|
|
3
|
+
"version": "3.16.6",
|
|
4
4
|
"description": "Standalone link picker",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"publishConfig": {
|
|
@@ -35,9 +35,6 @@
|
|
|
35
35
|
"platform-linking-link-picker-previewable-only": {
|
|
36
36
|
"type": "boolean"
|
|
37
37
|
},
|
|
38
|
-
"platform-visual-refresh-icons": {
|
|
39
|
-
"type": "boolean"
|
|
40
|
-
},
|
|
41
38
|
"dst-a11y__replace-anchor-with-link__linking-platfo": {
|
|
42
39
|
"type": "boolean"
|
|
43
40
|
},
|
|
@@ -55,7 +52,7 @@
|
|
|
55
52
|
"@atlaskit/afm-i18n-platform-linking-platform-link-picker": "2.7.0",
|
|
56
53
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
57
54
|
"@atlaskit/atlassian-context": "^0.6.0",
|
|
58
|
-
"@atlaskit/button": "^23.
|
|
55
|
+
"@atlaskit/button": "^23.6.0",
|
|
59
56
|
"@atlaskit/css": "^0.15.0",
|
|
60
57
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
61
58
|
"@atlaskit/form": "^14.2.0",
|
|
@@ -65,17 +62,17 @@
|
|
|
65
62
|
"@atlaskit/intl-messages-provider": "^2.0.0",
|
|
66
63
|
"@atlaskit/link": "^3.2.0",
|
|
67
64
|
"@atlaskit/link-provider": "^4.0.0",
|
|
68
|
-
"@atlaskit/linking-common": "^9.
|
|
65
|
+
"@atlaskit/linking-common": "^9.8.0",
|
|
69
66
|
"@atlaskit/onboarding": "^14.4.0",
|
|
70
67
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
71
|
-
"@atlaskit/primitives": "^16.
|
|
72
|
-
"@atlaskit/smart-card": "^43.
|
|
68
|
+
"@atlaskit/primitives": "^16.1.0",
|
|
69
|
+
"@atlaskit/smart-card": "^43.6.0",
|
|
73
70
|
"@atlaskit/spinner": "^19.0.0",
|
|
74
71
|
"@atlaskit/tabs": "^18.2.0",
|
|
75
72
|
"@atlaskit/textfield": "^8.0.0",
|
|
76
73
|
"@atlaskit/theme": "^21.0.0",
|
|
77
|
-
"@atlaskit/tokens": "^
|
|
78
|
-
"@atlaskit/tooltip": "^20.
|
|
74
|
+
"@atlaskit/tokens": "^8.0.0",
|
|
75
|
+
"@atlaskit/tooltip": "^20.8.0",
|
|
79
76
|
"@atlaskit/ufo": "^0.4.0",
|
|
80
77
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
81
78
|
"@babel/runtime": "^7.0.0",
|