@atlaskit/link-picker 3.5.1 → 3.5.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 +15 -0
- package/compass.yml +72 -19
- package/dist/cjs/ui/link-picker/form-footer/index.js +10 -8
- package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +0 -1
- package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.js +4 -7
- package/dist/cjs/ui/link-picker/search-results/scrolling-tabs/index.js +12 -4
- package/dist/cjs/ui/main.js +1 -1
- package/dist/es2019/ui/link-picker/form-footer/index.js +5 -3
- package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +0 -1
- package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.js +3 -4
- package/dist/es2019/ui/link-picker/search-results/scrolling-tabs/index.js +8 -4
- package/dist/es2019/ui/main.js +1 -1
- package/dist/esm/ui/link-picker/form-footer/index.js +5 -3
- package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css +0 -1
- package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.js +5 -8
- package/dist/esm/ui/link-picker/search-results/scrolling-tabs/index.js +12 -4
- package/dist/esm/ui/main.js +1 -1
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/link-picker
|
|
2
2
|
|
|
3
|
+
## 3.5.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 3.5.2
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#164824](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/164824)
|
|
14
|
+
[`f7afa983e0938`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f7afa983e0938) -
|
|
15
|
+
EDM-12146 cleaning up bandicoots-a11y-link-picker-styling feature flag
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 3.5.1
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/compass.yml
CHANGED
|
@@ -1,34 +1,87 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
description:
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
name: Link Picker
|
|
2
|
+
id: 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/5263e491-27a4-44d5-86b6-0a724d261969'
|
|
3
|
+
description: >-
|
|
4
|
+
The Link Picker is a functionality within Atlassian's ecosystem designed to streamline the process
|
|
5
|
+
of inserting links across various products like Jira, Confluence, and Trello. It simplifies the
|
|
6
|
+
user experience by reducing the steps needed to attach links, thereby minimizing cognitive load
|
|
7
|
+
and enhancing productivity.
|
|
7
8
|
configVersion: 1
|
|
8
|
-
typeId:
|
|
9
|
+
typeId: CAPABILITY
|
|
9
10
|
ownerId: 'ari:cloud:identity::team/9683a6ac-2d3f-44c8-a0fe-56128ca69e20'
|
|
10
11
|
fields:
|
|
12
|
+
isMonorepoProject: false
|
|
11
13
|
tier: 4
|
|
12
14
|
lifecycle: Active
|
|
13
|
-
isMonorepoProject: true
|
|
14
|
-
labels:
|
|
15
|
-
- atlassian-platform
|
|
16
15
|
links:
|
|
17
|
-
- name:
|
|
16
|
+
- name: SignalFx - Link Picker
|
|
17
|
+
type: DASHBOARD
|
|
18
|
+
url: 'https://atlassian.signalfx.com/#/dashboard/FdExWKXA4AY?groupId=Fcva05QA4AA&configId=FpAl8Y3AwAA&startTime=-31d&endTime=Now'
|
|
19
|
+
- name: ''
|
|
18
20
|
type: PROJECT
|
|
19
21
|
url: 'https://product-fabric.atlassian.net/jira/software/c/projects/EDM/boards/5176'
|
|
20
|
-
- name: '
|
|
22
|
+
- name: ''
|
|
21
23
|
type: CHAT_CHANNEL
|
|
22
24
|
url: 'https://atlassian.enterprise.slack.com/archives/CFKGAQZRV'
|
|
23
25
|
- name: ''
|
|
24
26
|
type: ON_CALL
|
|
25
27
|
url: 'https://atlassian.app.opsgenie.com/settings/schedule/detail/b9c8b313-dd6d-4a41-8eeb-d7a9df55be9d'
|
|
26
|
-
- name: source code
|
|
27
|
-
type: REPOSITORY
|
|
28
|
-
url: 'https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/linking-platform/link-picker'
|
|
29
|
-
customFields: []
|
|
30
28
|
relationships:
|
|
31
29
|
DEPENDS_ON:
|
|
32
|
-
- 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/
|
|
33
|
-
- 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/
|
|
34
|
-
- 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/
|
|
30
|
+
- 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/85cec322-aa6f-4e16-800d-8ee284f6195b'
|
|
31
|
+
- 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/34a4b189-5645-487d-b0fb-6d20d4d11866'
|
|
32
|
+
- 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/54584082-c178-4ae7-ac54-2bf2498f42d2'
|
|
33
|
+
- 'ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/18157dad-b7fb-4cde-8b74-e905b5757611'
|
|
34
|
+
labels: null
|
|
35
|
+
customFields:
|
|
36
|
+
- name: Anomaly-Detection
|
|
37
|
+
type: text
|
|
38
|
+
value: null
|
|
39
|
+
- name: Compass Config-as-Code
|
|
40
|
+
type: boolean
|
|
41
|
+
value: true
|
|
42
|
+
- name: Data Domain
|
|
43
|
+
type: multi_select
|
|
44
|
+
value:
|
|
45
|
+
- 6abcbe4f-1063-4cf7-8b32-58ebd01078da
|
|
46
|
+
- name: Engineering Manager
|
|
47
|
+
type: user
|
|
48
|
+
value: 'ari:cloud:identity::user/712020:bc050a72-a59d-487f-8b54-73358ba67dd0'
|
|
49
|
+
- name: FFP per month
|
|
50
|
+
type: number
|
|
51
|
+
value: null
|
|
52
|
+
- name: Is renovate enabled?
|
|
53
|
+
type: boolean
|
|
54
|
+
value: false
|
|
55
|
+
- name: Lineage
|
|
56
|
+
type: text
|
|
57
|
+
value: null
|
|
58
|
+
- name: Maintenance Time (hours/week)
|
|
59
|
+
type: number
|
|
60
|
+
value: null
|
|
61
|
+
- name: Owner or Team Name
|
|
62
|
+
type: single_select
|
|
63
|
+
value: 1e93a963-fa64-4c3a-aebb-cc835e418a0a
|
|
64
|
+
- name: Perimeter
|
|
65
|
+
type: single_select
|
|
66
|
+
value: null
|
|
67
|
+
- name: Perimeter (string)
|
|
68
|
+
type: text
|
|
69
|
+
value: null
|
|
70
|
+
- name: Product Owner
|
|
71
|
+
type: user
|
|
72
|
+
value: null
|
|
73
|
+
- name: Tech Debt
|
|
74
|
+
type: text
|
|
75
|
+
value: null
|
|
76
|
+
- name: Technical Owner
|
|
77
|
+
type: user
|
|
78
|
+
value: null
|
|
79
|
+
- name: anomaly-detection
|
|
80
|
+
type: boolean
|
|
81
|
+
value: false
|
|
82
|
+
- name: forge_runtime_node
|
|
83
|
+
type: single_select
|
|
84
|
+
value: null
|
|
85
|
+
- name: statsig_target_application
|
|
86
|
+
type: text
|
|
87
|
+
value: null
|
|
@@ -16,8 +16,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
16
16
|
var _reactIntlNext = require("react-intl-next");
|
|
17
17
|
var _button = _interopRequireWildcard(require("@atlaskit/button"));
|
|
18
18
|
var _new = _interopRequireDefault(require("@atlaskit/button/new"));
|
|
19
|
-
var _add = _interopRequireDefault(require("@atlaskit/icon/
|
|
20
|
-
var _add2 = _interopRequireDefault(require("@atlaskit/icon/
|
|
19
|
+
var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
|
|
20
|
+
var _add2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/add"));
|
|
21
21
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
22
22
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
|
|
23
23
|
var _errors = require("../../../common/utils/errors");
|
|
@@ -71,11 +71,12 @@ var FormFooter = exports.FormFooter = /*#__PURE__*/(0, _react.memo)(function (_r
|
|
|
71
71
|
onClick: pluginAction.callback,
|
|
72
72
|
appearance: "default",
|
|
73
73
|
iconBefore: function iconBefore() {
|
|
74
|
-
return /*#__PURE__*/React.createElement(
|
|
74
|
+
return /*#__PURE__*/React.createElement(_add.default, {
|
|
75
75
|
label: "",
|
|
76
76
|
LEGACY_size: "medium",
|
|
77
|
-
LEGACY_fallbackIcon:
|
|
78
|
-
color: "currentColor"
|
|
77
|
+
LEGACY_fallbackIcon: _add2.default,
|
|
78
|
+
color: "currentColor",
|
|
79
|
+
size: "small"
|
|
79
80
|
});
|
|
80
81
|
},
|
|
81
82
|
isDisabled: isSubmitting,
|
|
@@ -84,11 +85,12 @@ var FormFooter = exports.FormFooter = /*#__PURE__*/(0, _react.memo)(function (_r
|
|
|
84
85
|
testId: testIds.actionButton,
|
|
85
86
|
onClick: pluginAction.callback,
|
|
86
87
|
appearance: "default",
|
|
87
|
-
iconBefore: /*#__PURE__*/React.createElement(
|
|
88
|
+
iconBefore: /*#__PURE__*/React.createElement(_add.default, {
|
|
88
89
|
label: "",
|
|
89
90
|
LEGACY_size: "medium",
|
|
90
|
-
LEGACY_fallbackIcon:
|
|
91
|
-
color: "currentColor"
|
|
91
|
+
LEGACY_fallbackIcon: _add2.default,
|
|
92
|
+
color: "currentColor",
|
|
93
|
+
size: "small"
|
|
92
94
|
}),
|
|
93
95
|
isDisabled: isSubmitting,
|
|
94
96
|
"aria-labelledby": isSubmitting ? submitMessageId : undefined
|
package/dist/cjs/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css
CHANGED
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
._syaz121t{color:var(--_1pseksa)}
|
|
24
24
|
._syaz1svm{color:var(--_1trgtlr)}
|
|
25
25
|
._syazct01{color:var(--_khvm95)}
|
|
26
|
-
._syazpsu8{color:var(--_vrm7dk)}
|
|
27
26
|
._u5f3kq6n{padding-right:var(--_1kucder)}
|
|
28
27
|
._1a3b1r31:focus{text-decoration-color:currentColor}
|
|
29
28
|
._1hvw1o36:focus{outline-width:medium}
|
|
@@ -32,7 +32,6 @@ var base64SVG = function base64SVG(icon) {
|
|
|
32
32
|
var itemIconStyles = null;
|
|
33
33
|
var listItemContextStyles = null;
|
|
34
34
|
var listItemContainerStyles = null;
|
|
35
|
-
var listItemContainerInnerStyles = null;
|
|
36
35
|
var listItemContainerInnerStylesA11yRefresh = null;
|
|
37
36
|
var listItemContainerInnerStylesSeparatorLinkPickerRefresh = null;
|
|
38
37
|
var itemNameStyles = null;
|
|
@@ -78,16 +77,14 @@ var ListItemSubtitle = function ListItemSubtitle(_ref) {
|
|
|
78
77
|
}, /*#__PURE__*/React.createElement("div", {
|
|
79
78
|
className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1bto1l2s"])
|
|
80
79
|
}, /*#__PURE__*/React.createElement("span", {
|
|
81
|
-
className: (0, _runtime.ax)([
|
|
80
|
+
className: (0, _runtime.ax)(["_syaz121t _o5721q9c"]),
|
|
82
81
|
style: {
|
|
83
|
-
"--_1pseksa": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N400, ")"))
|
|
84
|
-
"--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
|
|
82
|
+
"--_1pseksa": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N400, ")"))
|
|
85
83
|
}
|
|
86
84
|
}, firstItem)), secondItem && /*#__PURE__*/React.createElement("div", {
|
|
87
|
-
className: (0, _runtime.ax)([
|
|
85
|
+
className: (0, _runtime.ax)(["_syaz121t _o5721q9c"]),
|
|
88
86
|
style: {
|
|
89
|
-
"--_1pseksa": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N400, ")"))
|
|
90
|
-
"--_vrm7dk": (0, _runtime.ix)("var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
|
|
87
|
+
"--_1pseksa": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N400, ")"))
|
|
91
88
|
}
|
|
92
89
|
}, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-link-picker') ? /*#__PURE__*/React.createElement("span", {
|
|
93
90
|
className: (0, _runtime.ax)(["_syaz1svm"]),
|
|
@@ -13,8 +13,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
13
13
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
var _new = require("@atlaskit/button/new");
|
|
16
|
-
var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/
|
|
17
|
-
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/
|
|
16
|
+
var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-left"));
|
|
17
|
+
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-right"));
|
|
18
18
|
var _colors = require("@atlaskit/theme/colors");
|
|
19
19
|
var _scrollingTabs = require("./scrolling-tabs");
|
|
20
20
|
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); }
|
|
@@ -143,7 +143,11 @@ var ScrollingTabList = exports.ScrollingTabList = function ScrollingTabList(prop
|
|
|
143
143
|
return (0, _scrollingTabs.scrollBack)(ref);
|
|
144
144
|
},
|
|
145
145
|
label: "back",
|
|
146
|
-
icon:
|
|
146
|
+
icon: function icon(iconProps) {
|
|
147
|
+
return /*#__PURE__*/_react.default.createElement(_chevronLeft.default, (0, _extends2.default)({}, iconProps, {
|
|
148
|
+
size: "small"
|
|
149
|
+
}));
|
|
150
|
+
}
|
|
147
151
|
}, buttonProps))), /*#__PURE__*/_react.default.createElement("div", {
|
|
148
152
|
className: (0, _runtime.ax)(["_1bh4vqrj _1reo1wug _1dm8q5uf _1fjgglyw _rfx3yh40 _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1kt9b3bt _19woidpf _1cs8stnw _1mp41kw7 _qnecu2gc _oounu2gc _kfgtyh40 _1russudh _1cicglyw"]),
|
|
149
153
|
style: {
|
|
@@ -161,6 +165,10 @@ var ScrollingTabList = exports.ScrollingTabList = function ScrollingTabList(prop
|
|
|
161
165
|
}
|
|
162
166
|
}, buttonProps, {
|
|
163
167
|
label: "forward",
|
|
164
|
-
icon:
|
|
168
|
+
icon: function icon(iconProps) {
|
|
169
|
+
return /*#__PURE__*/_react.default.createElement(_chevronRight.default, (0, _extends2.default)({}, iconProps, {
|
|
170
|
+
size: "small"
|
|
171
|
+
}));
|
|
172
|
+
}
|
|
165
173
|
}))));
|
|
166
174
|
};
|
package/dist/cjs/ui/main.js
CHANGED
|
@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
|
|
|
26
26
|
};
|
|
27
27
|
var PACKAGE_DATA = exports.PACKAGE_DATA = {
|
|
28
28
|
packageName: "@atlaskit/link-picker" || '',
|
|
29
|
-
packageVersion: "3.5.
|
|
29
|
+
packageVersion: "3.5.3" || '',
|
|
30
30
|
componentName: _constants.COMPONENT_NAME,
|
|
31
31
|
source: _constants.COMPONENT_NAME
|
|
32
32
|
};
|
|
@@ -7,8 +7,8 @@ import { memo } from 'react';
|
|
|
7
7
|
import { defineMessages, useIntl } from 'react-intl-next';
|
|
8
8
|
import Button, { ButtonGroup } from '@atlaskit/button';
|
|
9
9
|
import NewButton from '@atlaskit/button/new';
|
|
10
|
+
import EditorAddIcon from '@atlaskit/icon/core/add';
|
|
10
11
|
import EditorAddIconLegacy from '@atlaskit/icon/glyph/editor/add';
|
|
11
|
-
import EditorAddIcon from '@atlaskit/icon/utility/add';
|
|
12
12
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
13
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
14
14
|
import { UnauthenticatedError } from '../../../common/utils/errors';
|
|
@@ -62,7 +62,8 @@ export const FormFooter = /*#__PURE__*/memo(({
|
|
|
62
62
|
label: "",
|
|
63
63
|
LEGACY_size: "medium",
|
|
64
64
|
LEGACY_fallbackIcon: EditorAddIconLegacy,
|
|
65
|
-
color: "currentColor"
|
|
65
|
+
color: "currentColor",
|
|
66
|
+
size: "small"
|
|
66
67
|
}),
|
|
67
68
|
isDisabled: isSubmitting,
|
|
68
69
|
"aria-labelledby": isSubmitting ? submitMessageId : undefined
|
|
@@ -74,7 +75,8 @@ export const FormFooter = /*#__PURE__*/memo(({
|
|
|
74
75
|
label: "",
|
|
75
76
|
LEGACY_size: "medium",
|
|
76
77
|
LEGACY_fallbackIcon: EditorAddIconLegacy,
|
|
77
|
-
color: "currentColor"
|
|
78
|
+
color: "currentColor",
|
|
79
|
+
size: "small"
|
|
78
80
|
}),
|
|
79
81
|
isDisabled: isSubmitting,
|
|
80
82
|
"aria-labelledby": isSubmitting ? submitMessageId : undefined
|
package/dist/es2019/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css
CHANGED
|
@@ -22,7 +22,6 @@
|
|
|
22
22
|
._p12fpxbi{max-width:var(--ds-space-200,1pc)}
|
|
23
23
|
._syaz14xw{color:var(--ds-text,#5e6c84)}
|
|
24
24
|
._syaz1a45{color:var(--ds-text-subtle,#505f79)}
|
|
25
|
-
._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
|
|
26
25
|
._syazxs3e{color:var(--ds-border,rgba(9,30,66,.13))}
|
|
27
26
|
._u5f3fxbg{padding-right:clamp(var(--ds-space-100,8px),var(--link-picker-padding-right),100%)}
|
|
28
27
|
._1a3b1r31:focus{text-decoration-color:currentColor}
|
|
@@ -6,7 +6,7 @@ import { forwardRef, Fragment } from 'react';
|
|
|
6
6
|
import { useIntl } from 'react-intl-next';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
8
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
9
|
-
import { B100, B400, B50, N20,
|
|
9
|
+
import { B100, B400, B50, N20, N300, N400, N40A } from '@atlaskit/theme/colors';
|
|
10
10
|
/* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
|
|
11
11
|
import { transformTimeStamp } from '../../../transformTimeStamp';
|
|
12
12
|
export const testIds = {
|
|
@@ -18,7 +18,6 @@ const base64SVG = icon => `data:image/svg+xml;base64,${Buffer.from(icon).toStrin
|
|
|
18
18
|
const itemIconStyles = null;
|
|
19
19
|
const listItemContextStyles = null;
|
|
20
20
|
const listItemContainerStyles = null;
|
|
21
|
-
const listItemContainerInnerStyles = null;
|
|
22
21
|
const listItemContainerInnerStylesA11yRefresh = null;
|
|
23
22
|
const listItemContainerInnerStylesSeparatorLinkPickerRefresh = null;
|
|
24
23
|
const itemNameStyles = null;
|
|
@@ -64,9 +63,9 @@ const ListItemSubtitle = ({
|
|
|
64
63
|
}, /*#__PURE__*/React.createElement("div", {
|
|
65
64
|
className: ax(["_1reo15vq _18m915vq _1bto1l2s"])
|
|
66
65
|
}, /*#__PURE__*/React.createElement("span", {
|
|
67
|
-
className: ax([
|
|
66
|
+
className: ax(["_syaz1a45 _o5721q9c"])
|
|
68
67
|
}, firstItem)), secondItem && /*#__PURE__*/React.createElement("div", {
|
|
69
|
-
className: ax([
|
|
68
|
+
className: ax(["_syaz1a45 _o5721q9c"])
|
|
70
69
|
}, fg('platform-linking-visual-refresh-link-picker') ? /*#__PURE__*/React.createElement("span", {
|
|
71
70
|
className: ax(["_syazxs3e"])
|
|
72
71
|
}, /*#__PURE__*/React.createElement(Fragment, null, "\xA0 \u2022\xA0 ")) : /*#__PURE__*/React.createElement(Fragment, null, "\xA0 \u2022\xA0 "), /*#__PURE__*/React.createElement(Fragment, null, secondItem)));
|
|
@@ -4,8 +4,8 @@ import "./index.compiled.css";
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React, { useCallback, useMemo, useRef, useState } from 'react';
|
|
6
6
|
import { IconButton } from '@atlaskit/button/new';
|
|
7
|
-
import ChevronLeftIcon from '@atlaskit/icon/
|
|
8
|
-
import ChevronRightIcon from '@atlaskit/icon/
|
|
7
|
+
import ChevronLeftIcon from '@atlaskit/icon/core/migration/chevron-left';
|
|
8
|
+
import ChevronRightIcon from '@atlaskit/icon/core/migration/chevron-right';
|
|
9
9
|
import { N0, N30 } from '@atlaskit/theme/colors';
|
|
10
10
|
import { calculateConditionalButtons, createGhost, getTabList, scrollBack, scrollForward } from './scrolling-tabs';
|
|
11
11
|
function isTouchDevice() {
|
|
@@ -105,7 +105,9 @@ export const ScrollingTabList = props => {
|
|
|
105
105
|
"data-test-id": "back",
|
|
106
106
|
onClick: () => scrollBack(ref),
|
|
107
107
|
label: "back",
|
|
108
|
-
icon: ChevronLeftIcon
|
|
108
|
+
icon: iconProps => /*#__PURE__*/React.createElement(ChevronLeftIcon, _extends({}, iconProps, {
|
|
109
|
+
size: "small"
|
|
110
|
+
}))
|
|
109
111
|
}, buttonProps))), /*#__PURE__*/React.createElement("div", {
|
|
110
112
|
className: ax(["_1bh4vqrj _1reo1wug _1dm8q5uf _1fjgglyw _rfx3yh40 _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1kt9b3bt _19woidpf _1cs8stnw _1mp41kw7 _qnecu2gc _oounu2gc _kfgtyh40 _1rushloo _1cicglyw"])
|
|
111
113
|
}, props.children), conditionalButtons.forward && /*#__PURE__*/React.createElement("div", {
|
|
@@ -115,6 +117,8 @@ export const ScrollingTabList = props => {
|
|
|
115
117
|
onClick: () => scrollForward(ref)
|
|
116
118
|
}, buttonProps, {
|
|
117
119
|
label: "forward",
|
|
118
|
-
icon: ChevronRightIcon
|
|
120
|
+
icon: iconProps => /*#__PURE__*/React.createElement(ChevronRightIcon, _extends({}, iconProps, {
|
|
121
|
+
size: "small"
|
|
122
|
+
}))
|
|
119
123
|
}))));
|
|
120
124
|
};
|
package/dist/es2019/ui/main.js
CHANGED
|
@@ -9,8 +9,8 @@ import { memo } from 'react';
|
|
|
9
9
|
import { defineMessages, useIntl } from 'react-intl-next';
|
|
10
10
|
import Button, { ButtonGroup } from '@atlaskit/button';
|
|
11
11
|
import NewButton from '@atlaskit/button/new';
|
|
12
|
+
import EditorAddIcon from '@atlaskit/icon/core/add';
|
|
12
13
|
import EditorAddIconLegacy from '@atlaskit/icon/glyph/editor/add';
|
|
13
|
-
import EditorAddIcon from '@atlaskit/icon/utility/add';
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
15
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
16
16
|
import { UnauthenticatedError } from '../../../common/utils/errors';
|
|
@@ -66,7 +66,8 @@ export var FormFooter = /*#__PURE__*/memo(function (_ref) {
|
|
|
66
66
|
label: "",
|
|
67
67
|
LEGACY_size: "medium",
|
|
68
68
|
LEGACY_fallbackIcon: EditorAddIconLegacy,
|
|
69
|
-
color: "currentColor"
|
|
69
|
+
color: "currentColor",
|
|
70
|
+
size: "small"
|
|
70
71
|
});
|
|
71
72
|
},
|
|
72
73
|
isDisabled: isSubmitting,
|
|
@@ -79,7 +80,8 @@ export var FormFooter = /*#__PURE__*/memo(function (_ref) {
|
|
|
79
80
|
label: "",
|
|
80
81
|
LEGACY_size: "medium",
|
|
81
82
|
LEGACY_fallbackIcon: EditorAddIconLegacy,
|
|
82
|
-
color: "currentColor"
|
|
83
|
+
color: "currentColor",
|
|
84
|
+
size: "small"
|
|
83
85
|
}),
|
|
84
86
|
isDisabled: isSubmitting,
|
|
85
87
|
"aria-labelledby": isSubmitting ? submitMessageId : undefined
|
package/dist/esm/ui/link-picker/search-results/link-search-list/list-item/index.compiled.css
CHANGED
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
._syaz121t{color:var(--_1pseksa)}
|
|
24
24
|
._syaz1svm{color:var(--_1trgtlr)}
|
|
25
25
|
._syazct01{color:var(--_khvm95)}
|
|
26
|
-
._syazpsu8{color:var(--_vrm7dk)}
|
|
27
26
|
._u5f3kq6n{padding-right:var(--_1kucder)}
|
|
28
27
|
._1a3b1r31:focus{text-decoration-color:currentColor}
|
|
29
28
|
._1hvw1o36:focus{outline-width:medium}
|
|
@@ -7,7 +7,7 @@ import { forwardRef, Fragment } from 'react';
|
|
|
7
7
|
import { useIntl } from 'react-intl-next';
|
|
8
8
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
9
|
import { Text } from '@atlaskit/primitives/compiled';
|
|
10
|
-
import { B100, B400, B50, N20,
|
|
10
|
+
import { B100, B400, B50, N20, N300, N400, N40A } from '@atlaskit/theme/colors';
|
|
11
11
|
/* eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports */
|
|
12
12
|
import { transformTimeStamp } from '../../../transformTimeStamp';
|
|
13
13
|
export var testIds = {
|
|
@@ -23,7 +23,6 @@ var base64SVG = function base64SVG(icon) {
|
|
|
23
23
|
var itemIconStyles = null;
|
|
24
24
|
var listItemContextStyles = null;
|
|
25
25
|
var listItemContainerStyles = null;
|
|
26
|
-
var listItemContainerInnerStyles = null;
|
|
27
26
|
var listItemContainerInnerStylesA11yRefresh = null;
|
|
28
27
|
var listItemContainerInnerStylesSeparatorLinkPickerRefresh = null;
|
|
29
28
|
var itemNameStyles = null;
|
|
@@ -69,16 +68,14 @@ var ListItemSubtitle = function ListItemSubtitle(_ref) {
|
|
|
69
68
|
}, /*#__PURE__*/React.createElement("div", {
|
|
70
69
|
className: ax(["_1reo15vq _18m915vq _1bto1l2s"])
|
|
71
70
|
}, /*#__PURE__*/React.createElement("span", {
|
|
72
|
-
className: ax([
|
|
71
|
+
className: ax(["_syaz121t _o5721q9c"]),
|
|
73
72
|
style: {
|
|
74
|
-
"--_1pseksa": ix("var(--ds-text-subtle, ".concat(N400, ")"))
|
|
75
|
-
"--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")"))
|
|
73
|
+
"--_1pseksa": ix("var(--ds-text-subtle, ".concat(N400, ")"))
|
|
76
74
|
}
|
|
77
75
|
}, firstItem)), secondItem && /*#__PURE__*/React.createElement("div", {
|
|
78
|
-
className: ax([
|
|
76
|
+
className: ax(["_syaz121t _o5721q9c"]),
|
|
79
77
|
style: {
|
|
80
|
-
"--_1pseksa": ix("var(--ds-text-subtle, ".concat(N400, ")"))
|
|
81
|
-
"--_vrm7dk": ix("var(--ds-text-subtlest, ".concat(N200, ")"))
|
|
78
|
+
"--_1pseksa": ix("var(--ds-text-subtle, ".concat(N400, ")"))
|
|
82
79
|
}
|
|
83
80
|
}, fg('platform-linking-visual-refresh-link-picker') ? /*#__PURE__*/React.createElement("span", {
|
|
84
81
|
className: ax(["_syaz1svm"]),
|
|
@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
8
8
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
9
9
|
import React, { useCallback, useMemo, useRef, useState } from 'react';
|
|
10
10
|
import { IconButton } from '@atlaskit/button/new';
|
|
11
|
-
import ChevronLeftIcon from '@atlaskit/icon/
|
|
12
|
-
import ChevronRightIcon from '@atlaskit/icon/
|
|
11
|
+
import ChevronLeftIcon from '@atlaskit/icon/core/migration/chevron-left';
|
|
12
|
+
import ChevronRightIcon from '@atlaskit/icon/core/migration/chevron-right';
|
|
13
13
|
import { N0, N30 } from '@atlaskit/theme/colors';
|
|
14
14
|
import { calculateConditionalButtons, createGhost, getTabList, scrollBack, scrollForward } from './scrolling-tabs';
|
|
15
15
|
function isTouchDevice() {
|
|
@@ -134,7 +134,11 @@ export var ScrollingTabList = function ScrollingTabList(props) {
|
|
|
134
134
|
return scrollBack(ref);
|
|
135
135
|
},
|
|
136
136
|
label: "back",
|
|
137
|
-
icon:
|
|
137
|
+
icon: function icon(iconProps) {
|
|
138
|
+
return /*#__PURE__*/React.createElement(ChevronLeftIcon, _extends({}, iconProps, {
|
|
139
|
+
size: "small"
|
|
140
|
+
}));
|
|
141
|
+
}
|
|
138
142
|
}, buttonProps))), /*#__PURE__*/React.createElement("div", {
|
|
139
143
|
className: ax(["_1bh4vqrj _1reo1wug _1dm8q5uf _1fjgglyw _rfx3yh40 _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1kt9b3bt _19woidpf _1cs8stnw _1mp41kw7 _qnecu2gc _oounu2gc _kfgtyh40 _1russudh _1cicglyw"]),
|
|
140
144
|
style: {
|
|
@@ -152,6 +156,10 @@ export var ScrollingTabList = function ScrollingTabList(props) {
|
|
|
152
156
|
}
|
|
153
157
|
}, buttonProps, {
|
|
154
158
|
label: "forward",
|
|
155
|
-
icon:
|
|
159
|
+
icon: function icon(iconProps) {
|
|
160
|
+
return /*#__PURE__*/React.createElement(ChevronRightIcon, _extends({}, iconProps, {
|
|
161
|
+
size: "small"
|
|
162
|
+
}));
|
|
163
|
+
}
|
|
156
164
|
}))));
|
|
157
165
|
};
|
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.5.
|
|
3
|
+
"version": "3.5.3",
|
|
4
4
|
"description": "Standalone link picker",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"publishConfig": {
|
|
@@ -43,9 +43,6 @@
|
|
|
43
43
|
"platform-linking-link-picker-previewable-only": {
|
|
44
44
|
"type": "boolean"
|
|
45
45
|
},
|
|
46
|
-
"bandicoots-a11y-link-picker-styling": {
|
|
47
|
-
"type": "boolean"
|
|
48
|
-
},
|
|
49
46
|
"platform-linking-visual-refresh-link-picker": {
|
|
50
47
|
"type": "boolean"
|
|
51
48
|
},
|
|
@@ -69,6 +66,9 @@
|
|
|
69
66
|
},
|
|
70
67
|
"platform-link-picker-a11y-label": {
|
|
71
68
|
"type": "boolean"
|
|
69
|
+
},
|
|
70
|
+
"should-render-to-parent-should-be-true-linking-pla": {
|
|
71
|
+
"type": "boolean"
|
|
72
72
|
}
|
|
73
73
|
},
|
|
74
74
|
"scripts": {
|
|
@@ -82,21 +82,21 @@
|
|
|
82
82
|
"@atlaskit/form": "^12.0.0",
|
|
83
83
|
"@atlaskit/frontend-utilities": "^3.0.0",
|
|
84
84
|
"@atlaskit/heading": "^5.2.0",
|
|
85
|
-
"@atlaskit/icon": "^
|
|
85
|
+
"@atlaskit/icon": "^27.0.0",
|
|
86
86
|
"@atlaskit/intl-messages-provider": "^2.0.0",
|
|
87
87
|
"@atlaskit/link": "^3.2.0",
|
|
88
|
-
"@atlaskit/link-provider": "^3.
|
|
88
|
+
"@atlaskit/link-provider": "^3.3.0",
|
|
89
89
|
"@atlaskit/linking-common": "^9.0.0",
|
|
90
90
|
"@atlaskit/onboarding": "^14.2.0",
|
|
91
91
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
92
92
|
"@atlaskit/primitives": "^14.8.0",
|
|
93
|
-
"@atlaskit/smart-card": "^38.
|
|
93
|
+
"@atlaskit/smart-card": "^38.9.0",
|
|
94
94
|
"@atlaskit/spinner": "^18.0.0",
|
|
95
95
|
"@atlaskit/tabs": "^18.1.0",
|
|
96
96
|
"@atlaskit/textfield": "^8.0.0",
|
|
97
97
|
"@atlaskit/theme": "^18.0.0",
|
|
98
|
-
"@atlaskit/tokens": "^5.
|
|
99
|
-
"@atlaskit/tooltip": "^20.
|
|
98
|
+
"@atlaskit/tokens": "^5.2.0",
|
|
99
|
+
"@atlaskit/tooltip": "^20.3.0",
|
|
100
100
|
"@atlaskit/ufo": "^0.4.0",
|
|
101
101
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
102
102
|
"@babel/runtime": "^7.0.0",
|