@atlaskit/link-picker 4.2.14 → 4.2.16
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 +14 -0
- package/dist/cjs/ui/lazy.js +1 -1
- package/dist/cjs/ui/link-picker/index.compiled.css +0 -3
- package/dist/cjs/ui/link-picker/index.js +4 -12
- package/dist/cjs/ui/link-picker/text-input/conditional-spotlight-target-wrapper/index.js +2 -0
- package/dist/cjs/ui/link-picker/text-input/index.js +2 -3
- package/dist/cjs/ui/main.js +2 -1
- package/dist/es2019/ui/lazy.js +1 -0
- package/dist/es2019/ui/link-picker/index.compiled.css +0 -3
- package/dist/es2019/ui/link-picker/index.js +4 -12
- package/dist/es2019/ui/link-picker/text-input/conditional-spotlight-target-wrapper/index.js +2 -0
- package/dist/es2019/ui/link-picker/text-input/index.js +2 -3
- package/dist/es2019/ui/main.js +2 -1
- package/dist/esm/ui/lazy.js +1 -0
- package/dist/esm/ui/link-picker/index.compiled.css +0 -3
- package/dist/esm/ui/link-picker/index.js +4 -12
- package/dist/esm/ui/link-picker/text-input/conditional-spotlight-target-wrapper/index.js +2 -0
- package/dist/esm/ui/link-picker/text-input/index.js +2 -3
- package/dist/esm/ui/main.js +2 -1
- package/package.json +5 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/link-picker
|
|
2
2
|
|
|
3
|
+
## 4.2.16
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`5dbae6055bb27`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5dbae6055bb27) -
|
|
8
|
+
NAVX-36742 cleaning up navx-3742-refactoring-link-picker-helper-text-a11y
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 4.2.15
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 4.2.14
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/cjs/ui/lazy.js
CHANGED
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
9
9
|
var _reactLooselyLazy = require("react-loosely-lazy");
|
|
10
10
|
var _main = require("./main");
|
|
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" != (0, _typeof2.default)(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); }
|
|
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" != (0, _typeof2.default)(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); } // oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
12
12
|
var LazyLinkPickerComponent = (0, _reactLooselyLazy.lazyForPaint)(function () {
|
|
13
13
|
return Promise.resolve().then(function () {
|
|
14
14
|
return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_link-picker" */
|
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
1
|
._19bv164s{padding-left:var(--link-picker-padding-left)}
|
|
3
|
-
._19pk1b66{margin-top:var(--ds-space-050,4px)}
|
|
4
2
|
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
|
|
5
3
|
._1e0c1txw{display:flex}
|
|
6
4
|
._1e0ctcjq{display:block!important}
|
|
7
5
|
._2lx21bp4{flex-direction:column}
|
|
8
6
|
._ca0q1k79{padding-top:var(--link-picker-padding-top)}
|
|
9
7
|
._n3td1t3k{padding-bottom:var(--link-picker-padding-bottom)}
|
|
10
|
-
._syaz1be1{color:var(--ds-text-subtlest,#253858)}
|
|
11
8
|
._u5f31pah{padding-right:var(--link-picker-padding-right)}
|
|
12
9
|
._vchhusvi{box-sizing:border-box}
|
|
@@ -19,14 +19,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
19
19
|
var _reactIntlNext = require("react-intl-next");
|
|
20
20
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
21
21
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
22
|
-
var _form = require("@atlaskit/form");
|
|
23
22
|
var _linkProvider = require("@atlaskit/link-provider");
|
|
24
23
|
var _url2 = require("@atlaskit/linking-common/url");
|
|
25
24
|
var _userAgent = require("@atlaskit/linking-common/user-agent");
|
|
26
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
27
25
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
28
26
|
var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
|
|
29
|
-
var _colors = require("@atlaskit/theme/colors");
|
|
30
27
|
var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
|
|
31
28
|
var _analytics = require("../../common/analytics");
|
|
32
29
|
var _constants = require("../../common/constants");
|
|
@@ -47,9 +44,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
47
44
|
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; }
|
|
48
45
|
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
|
|
49
46
|
var styles = {
|
|
50
|
-
fullWidthSubmitButton: "_19pkpxbi _1e0c1txw _2lx21bp4"
|
|
51
|
-
linkDisplayHelperTextContainer: "_19pk1b66 _syaz1be1",
|
|
52
|
-
linkDisplayHelperText: "_11c8wadc"
|
|
47
|
+
fullWidthSubmitButton: "_19pkpxbi _1e0c1txw _2lx21bp4"
|
|
53
48
|
};
|
|
54
49
|
var baseRootContainerStyles = null;
|
|
55
50
|
var formFooterMargin = null;
|
|
@@ -463,7 +458,7 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
|
|
|
463
458
|
onChange: handleChangeUrl,
|
|
464
459
|
inputRef: inputRef,
|
|
465
460
|
isRequired: true
|
|
466
|
-
})), !hideDisplayText && /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField,
|
|
461
|
+
})), !hideDisplayText && /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField, {
|
|
467
462
|
autoComplete: "off",
|
|
468
463
|
name: "displayText",
|
|
469
464
|
testId: testIds.textInputField,
|
|
@@ -473,12 +468,9 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
|
|
|
473
468
|
clearLabel: intl.formatMessage(_messages.linkTextMessages.clearLinkText),
|
|
474
469
|
readOnly: isSubmitting,
|
|
475
470
|
onClear: handleClear,
|
|
476
|
-
onChange: handleChangeText
|
|
477
|
-
}, (0, _platformFeatureFlags.fg)('navx-3742-refactoring-link-picker-helper-text-a11y') ? {
|
|
471
|
+
onChange: handleChangeText,
|
|
478
472
|
helperMessage: intl.formatMessage((_customMessages$linkH = customMessages === null || customMessages === void 0 ? void 0 : customMessages.linkHelperTextLabel) !== null && _customMessages$linkH !== void 0 ? _customMessages$linkH : _messages.linkTextMessages.linkHelperTextLabel)
|
|
479
|
-
}
|
|
480
|
-
testId: testIds.linkHelperText
|
|
481
|
-
}, customMessages !== null && customMessages !== void 0 && customMessages.linkHelperTextLabel ? intl.formatMessage(customMessages === null || customMessages === void 0 ? void 0 : customMessages.linkHelperTextLabel) : intl.formatMessage(_messages.linkTextMessages.linkHelperTextLabel))), moveSubmitButton && /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
473
|
+
})), moveSubmitButton && /*#__PURE__*/React.createElement(_compiled.Box, {
|
|
482
474
|
xcss: styles.fullWidthSubmitButton
|
|
483
475
|
}, /*#__PURE__*/React.createElement(_linkPickerSubmitButton.LinkPickerSubmitButton, {
|
|
484
476
|
isEditing: isEditing,
|
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.ConditionalSpotlightTargetWrapper = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _onboarding = require("@atlaskit/onboarding");
|
|
10
|
+
// eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
|
|
11
|
+
|
|
10
12
|
var ConditionalSpotlightTargetWrapper = exports.ConditionalSpotlightTargetWrapper = function ConditionalSpotlightTargetWrapper(_ref) {
|
|
11
13
|
var spotlightTargetName = _ref.spotlightTargetName,
|
|
12
14
|
children = _ref.children;
|
|
@@ -15,7 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
var _useCallbackRef = require("use-callback-ref");
|
|
16
16
|
var _form = require("@atlaskit/form");
|
|
17
17
|
var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
|
|
18
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
18
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
20
19
|
var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
|
|
21
20
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
@@ -123,8 +122,8 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
|
|
|
123
122
|
ref: textfieldRef,
|
|
124
123
|
elemAfterInput: clearText,
|
|
125
124
|
isInvalid: !!error,
|
|
126
|
-
"aria-describedby": "".concat(restProps['aria-describedby'], " ").concat(fieldProps.id, "-error ").concat(
|
|
127
|
-
})), helperMessage &&
|
|
125
|
+
"aria-describedby": "".concat(restProps['aria-describedby'], " ").concat(fieldProps.id, "-error ").concat(fieldProps.id, "-helper")
|
|
126
|
+
})), helperMessage && /*#__PURE__*/_react.default.createElement(_form.HelperMessage, {
|
|
128
127
|
testId: testIds.linkHelperText
|
|
129
128
|
}, helperMessage), error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, {
|
|
130
129
|
testId: testIds.urlError
|
package/dist/cjs/ui/main.js
CHANGED
|
@@ -20,12 +20,13 @@ var _errorBoundary = require("./error-boundary");
|
|
|
20
20
|
var _loaderFallback = require("./loader-fallback");
|
|
21
21
|
var _messagesProvider = require("./messages-provider");
|
|
22
22
|
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); }
|
|
23
|
+
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
23
24
|
var testIds = exports.testIds = {
|
|
24
25
|
linkPickerRoot: 'link-picker-root'
|
|
25
26
|
};
|
|
26
27
|
var PACKAGE_DATA = exports.PACKAGE_DATA = {
|
|
27
28
|
packageName: "@atlaskit/link-picker" || '',
|
|
28
|
-
packageVersion: "4.2.
|
|
29
|
+
packageVersion: "4.2.15" || '',
|
|
29
30
|
componentName: _constants.COMPONENT_NAME,
|
|
30
31
|
source: _constants.COMPONENT_NAME
|
|
31
32
|
};
|
package/dist/es2019/ui/lazy.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
1
2
|
import { lazyForPaint } from 'react-loosely-lazy';
|
|
2
3
|
import { composeLinkPicker } from './main';
|
|
3
4
|
const LazyLinkPickerComponent = lazyForPaint(() => import( /* webpackChunkName: "@atlaskit-internal_link-picker" */
|
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
1
|
._19bv164s{padding-left:var(--link-picker-padding-left)}
|
|
3
|
-
._19pk1b66{margin-top:var(--ds-space-050,4px)}
|
|
4
2
|
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
|
|
5
3
|
._1e0c1txw{display:flex}
|
|
6
4
|
._1e0ctcjq{display:block!important}
|
|
7
5
|
._2lx21bp4{flex-direction:column}
|
|
8
6
|
._ca0q1k79{padding-top:var(--link-picker-padding-top)}
|
|
9
7
|
._n3td1t3k{padding-bottom:var(--link-picker-padding-bottom)}
|
|
10
|
-
._syaz1be1{color:var(--ds-text-subtlest,#253858)}
|
|
11
8
|
._u5f31pah{padding-right:var(--link-picker-padding-right)}
|
|
12
9
|
._vchhusvi{box-sizing:border-box}
|
|
@@ -8,14 +8,11 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
|
|
|
8
8
|
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
9
9
|
import uuid from 'uuid';
|
|
10
10
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
11
|
-
import { HelperMessage } from '@atlaskit/form';
|
|
12
11
|
import { CardClient } from '@atlaskit/link-provider';
|
|
13
12
|
import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
|
|
14
13
|
import { browser } from '@atlaskit/linking-common/user-agent';
|
|
15
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
16
14
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
17
15
|
import LinkUrl from '@atlaskit/smart-card/link-url';
|
|
18
|
-
import { N700 } from '@atlaskit/theme/colors';
|
|
19
16
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
20
17
|
import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
|
|
21
18
|
import { ANALYTICS_CHANNEL } from '../../common/constants';
|
|
@@ -33,9 +30,7 @@ import { testIds as textFieldTestIds, TextInput } from './text-input';
|
|
|
33
30
|
import { TrackMount } from './track-mount';
|
|
34
31
|
import { getDataSource, getScreenReaderText } from './utils';
|
|
35
32
|
const styles = {
|
|
36
|
-
fullWidthSubmitButton: "_19pkpxbi _1e0c1txw _2lx21bp4"
|
|
37
|
-
linkDisplayHelperTextContainer: "_19pk1b66 _syaz1be1",
|
|
38
|
-
linkDisplayHelperText: "_11c8wadc"
|
|
33
|
+
fullWidthSubmitButton: "_19pkpxbi _1e0c1txw _2lx21bp4"
|
|
39
34
|
};
|
|
40
35
|
const baseRootContainerStyles = null;
|
|
41
36
|
const formFooterMargin = null;
|
|
@@ -418,7 +413,7 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
|
|
|
418
413
|
onChange: handleChangeUrl,
|
|
419
414
|
inputRef: inputRef,
|
|
420
415
|
isRequired: true
|
|
421
|
-
})), !hideDisplayText && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField,
|
|
416
|
+
})), !hideDisplayText && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField, {
|
|
422
417
|
autoComplete: "off",
|
|
423
418
|
name: "displayText",
|
|
424
419
|
testId: testIds.textInputField,
|
|
@@ -428,12 +423,9 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
|
|
|
428
423
|
clearLabel: intl.formatMessage(linkTextMessages.clearLinkText),
|
|
429
424
|
readOnly: isSubmitting,
|
|
430
425
|
onClear: handleClear,
|
|
431
|
-
onChange: handleChangeText
|
|
432
|
-
}, fg('navx-3742-refactoring-link-picker-helper-text-a11y') ? {
|
|
426
|
+
onChange: handleChangeText,
|
|
433
427
|
helperMessage: intl.formatMessage((_customMessages$linkH = customMessages === null || customMessages === void 0 ? void 0 : customMessages.linkHelperTextLabel) !== null && _customMessages$linkH !== void 0 ? _customMessages$linkH : linkTextMessages.linkHelperTextLabel)
|
|
434
|
-
}
|
|
435
|
-
testId: testIds.linkHelperText
|
|
436
|
-
}, customMessages !== null && customMessages !== void 0 && customMessages.linkHelperTextLabel ? intl.formatMessage(customMessages === null || customMessages === void 0 ? void 0 : customMessages.linkHelperTextLabel) : intl.formatMessage(linkTextMessages.linkHelperTextLabel))), moveSubmitButton && /*#__PURE__*/React.createElement(Box, {
|
|
428
|
+
})), moveSubmitButton && /*#__PURE__*/React.createElement(Box, {
|
|
437
429
|
xcss: styles.fullWidthSubmitButton
|
|
438
430
|
}, /*#__PURE__*/React.createElement(LinkPickerSubmitButton, {
|
|
439
431
|
isEditing: isEditing,
|
|
@@ -6,7 +6,6 @@ import React, { Fragment, useCallback, useMemo, useRef } from 'react';
|
|
|
6
6
|
import { useMergeRefs } from 'use-callback-ref';
|
|
7
7
|
import { ErrorMessage, Field, HelperMessage } from '@atlaskit/form';
|
|
8
8
|
import Selectclear from '@atlaskit/icon/core/cross-circle';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
9
|
import { Box, Pressable } from '@atlaskit/primitives/compiled';
|
|
11
10
|
import Textfield from '@atlaskit/textfield';
|
|
12
11
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -111,8 +110,8 @@ export const TextInput = ({
|
|
|
111
110
|
ref: textfieldRef,
|
|
112
111
|
elemAfterInput: clearText,
|
|
113
112
|
isInvalid: !!error,
|
|
114
|
-
"aria-describedby": `${restProps['aria-describedby']} ${fieldProps.id}-error ${
|
|
115
|
-
})), helperMessage &&
|
|
113
|
+
"aria-describedby": `${restProps['aria-describedby']} ${fieldProps.id}-error ${fieldProps.id}-helper`
|
|
114
|
+
})), helperMessage && /*#__PURE__*/React.createElement(HelperMessage, {
|
|
116
115
|
testId: testIds.linkHelperText
|
|
117
116
|
}, helperMessage), error && /*#__PURE__*/React.createElement(ErrorMessage, {
|
|
118
117
|
testId: testIds.urlError
|
package/dist/es2019/ui/main.js
CHANGED
|
@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
3
3
|
import "./main.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React, { memo } from 'react';
|
|
6
|
+
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
6
7
|
import { LazySuspense } from 'react-loosely-lazy';
|
|
7
8
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
8
9
|
import { COMPONENT_NAME, LINK_PICKER_WIDTH_IN_PX } from '../common/constants';
|
|
@@ -15,7 +16,7 @@ export const testIds = {
|
|
|
15
16
|
};
|
|
16
17
|
export const PACKAGE_DATA = {
|
|
17
18
|
packageName: "@atlaskit/link-picker" || '',
|
|
18
|
-
packageVersion: "4.2.
|
|
19
|
+
packageVersion: "4.2.15" || '',
|
|
19
20
|
componentName: COMPONENT_NAME,
|
|
20
21
|
source: COMPONENT_NAME
|
|
21
22
|
};
|
package/dist/esm/ui/lazy.js
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
1
|
._19bv164s{padding-left:var(--link-picker-padding-left)}
|
|
3
|
-
._19pk1b66{margin-top:var(--ds-space-050,4px)}
|
|
4
2
|
._19pkpxbi{margin-top:var(--ds-space-200,1pc)}
|
|
5
3
|
._1e0c1txw{display:flex}
|
|
6
4
|
._1e0ctcjq{display:block!important}
|
|
7
5
|
._2lx21bp4{flex-direction:column}
|
|
8
6
|
._ca0q1k79{padding-top:var(--link-picker-padding-top)}
|
|
9
7
|
._n3td1t3k{padding-bottom:var(--link-picker-padding-bottom)}
|
|
10
|
-
._syaz1be1{color:var(--ds-text-subtlest,#253858)}
|
|
11
8
|
._u5f31pah{padding-right:var(--link-picker-padding-right)}
|
|
12
9
|
._vchhusvi{box-sizing:border-box}
|
|
@@ -14,14 +14,11 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
|
|
|
14
14
|
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
15
15
|
import uuid from 'uuid';
|
|
16
16
|
import { useAnalyticsEvents } from '@atlaskit/analytics-next';
|
|
17
|
-
import { HelperMessage } from '@atlaskit/form';
|
|
18
17
|
import { CardClient } from '@atlaskit/link-provider';
|
|
19
18
|
import { isSafeUrl, normalizeUrl } from '@atlaskit/linking-common/url';
|
|
20
19
|
import { browser } from '@atlaskit/linking-common/user-agent';
|
|
21
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
22
20
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
23
21
|
import LinkUrl from '@atlaskit/smart-card/link-url';
|
|
24
|
-
import { N700 } from '@atlaskit/theme/colors';
|
|
25
22
|
import VisuallyHidden from '@atlaskit/visually-hidden';
|
|
26
23
|
import { useLinkPickerAnalytics, withInputFieldTracking, withLinkPickerAnalyticsContext } from '../../common/analytics';
|
|
27
24
|
import { ANALYTICS_CHANNEL } from '../../common/constants';
|
|
@@ -39,9 +36,7 @@ import { testIds as textFieldTestIds, TextInput } from './text-input';
|
|
|
39
36
|
import { TrackMount } from './track-mount';
|
|
40
37
|
import { getDataSource, getScreenReaderText } from './utils';
|
|
41
38
|
var styles = {
|
|
42
|
-
fullWidthSubmitButton: "_19pkpxbi _1e0c1txw _2lx21bp4"
|
|
43
|
-
linkDisplayHelperTextContainer: "_19pk1b66 _syaz1be1",
|
|
44
|
-
linkDisplayHelperText: "_11c8wadc"
|
|
39
|
+
fullWidthSubmitButton: "_19pkpxbi _1e0c1txw _2lx21bp4"
|
|
45
40
|
};
|
|
46
41
|
var baseRootContainerStyles = null;
|
|
47
42
|
var formFooterMargin = null;
|
|
@@ -455,7 +450,7 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
|
|
|
455
450
|
onChange: handleChangeUrl,
|
|
456
451
|
inputRef: inputRef,
|
|
457
452
|
isRequired: true
|
|
458
|
-
})), !hideDisplayText && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField,
|
|
453
|
+
})), !hideDisplayText && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField, {
|
|
459
454
|
autoComplete: "off",
|
|
460
455
|
name: "displayText",
|
|
461
456
|
testId: testIds.textInputField,
|
|
@@ -465,12 +460,9 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
|
|
|
465
460
|
clearLabel: intl.formatMessage(linkTextMessages.clearLinkText),
|
|
466
461
|
readOnly: isSubmitting,
|
|
467
462
|
onClear: handleClear,
|
|
468
|
-
onChange: handleChangeText
|
|
469
|
-
}, fg('navx-3742-refactoring-link-picker-helper-text-a11y') ? {
|
|
463
|
+
onChange: handleChangeText,
|
|
470
464
|
helperMessage: intl.formatMessage((_customMessages$linkH = customMessages === null || customMessages === void 0 ? void 0 : customMessages.linkHelperTextLabel) !== null && _customMessages$linkH !== void 0 ? _customMessages$linkH : linkTextMessages.linkHelperTextLabel)
|
|
471
|
-
}
|
|
472
|
-
testId: testIds.linkHelperText
|
|
473
|
-
}, customMessages !== null && customMessages !== void 0 && customMessages.linkHelperTextLabel ? intl.formatMessage(customMessages === null || customMessages === void 0 ? void 0 : customMessages.linkHelperTextLabel) : intl.formatMessage(linkTextMessages.linkHelperTextLabel))), moveSubmitButton && /*#__PURE__*/React.createElement(Box, {
|
|
465
|
+
})), moveSubmitButton && /*#__PURE__*/React.createElement(Box, {
|
|
474
466
|
xcss: styles.fullWidthSubmitButton
|
|
475
467
|
}, /*#__PURE__*/React.createElement(LinkPickerSubmitButton, {
|
|
476
468
|
isEditing: isEditing,
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @atlaskit/design-system/use-spotlight-package
|
|
2
4
|
import { SpotlightTarget } from '@atlaskit/onboarding';
|
|
3
5
|
export var ConditionalSpotlightTargetWrapper = function ConditionalSpotlightTargetWrapper(_ref) {
|
|
4
6
|
var spotlightTargetName = _ref.spotlightTargetName,
|
|
@@ -8,7 +8,6 @@ import React, { Fragment, useCallback, useMemo, useRef } from 'react';
|
|
|
8
8
|
import { useMergeRefs } from 'use-callback-ref';
|
|
9
9
|
import { ErrorMessage, Field, HelperMessage } from '@atlaskit/form';
|
|
10
10
|
import Selectclear from '@atlaskit/icon/core/cross-circle';
|
|
11
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
11
|
import { Box, Pressable } from '@atlaskit/primitives/compiled';
|
|
13
12
|
import Textfield from '@atlaskit/textfield';
|
|
14
13
|
import Tooltip from '@atlaskit/tooltip';
|
|
@@ -114,8 +113,8 @@ export var TextInput = function TextInput(_ref) {
|
|
|
114
113
|
ref: textfieldRef,
|
|
115
114
|
elemAfterInput: clearText,
|
|
116
115
|
isInvalid: !!error,
|
|
117
|
-
"aria-describedby": "".concat(restProps['aria-describedby'], " ").concat(fieldProps.id, "-error ").concat(
|
|
118
|
-
})), helperMessage &&
|
|
116
|
+
"aria-describedby": "".concat(restProps['aria-describedby'], " ").concat(fieldProps.id, "-error ").concat(fieldProps.id, "-helper")
|
|
117
|
+
})), helperMessage && /*#__PURE__*/React.createElement(HelperMessage, {
|
|
119
118
|
testId: testIds.linkHelperText
|
|
120
119
|
}, helperMessage), error && /*#__PURE__*/React.createElement(ErrorMessage, {
|
|
121
120
|
testId: testIds.urlError
|
package/dist/esm/ui/main.js
CHANGED
|
@@ -4,6 +4,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
4
4
|
import "./main.compiled.css";
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import React, { memo } from 'react';
|
|
7
|
+
// oxlint-disable-next-line @atlassian/no-restricted-imports
|
|
7
8
|
import { LazySuspense } from 'react-loosely-lazy';
|
|
8
9
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
9
10
|
import { COMPONENT_NAME, LINK_PICKER_WIDTH_IN_PX } from '../common/constants';
|
|
@@ -16,7 +17,7 @@ export var testIds = {
|
|
|
16
17
|
};
|
|
17
18
|
export var PACKAGE_DATA = {
|
|
18
19
|
packageName: "@atlaskit/link-picker" || '',
|
|
19
|
-
packageVersion: "4.2.
|
|
20
|
+
packageVersion: "4.2.15" || '',
|
|
20
21
|
componentName: COMPONENT_NAME,
|
|
21
22
|
source: COMPONENT_NAME
|
|
22
23
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-picker",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.16",
|
|
4
4
|
"description": "Standalone link picker",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"publishConfig": {
|
|
@@ -40,9 +40,6 @@
|
|
|
40
40
|
},
|
|
41
41
|
"navx-3332-update-link-picker-heading-levels": {
|
|
42
42
|
"type": "boolean"
|
|
43
|
-
},
|
|
44
|
-
"navx-3742-refactoring-link-picker-helper-text-a11y": {
|
|
45
|
-
"type": "boolean"
|
|
46
43
|
}
|
|
47
44
|
},
|
|
48
45
|
"scripts": {
|
|
@@ -61,17 +58,17 @@
|
|
|
61
58
|
"@atlaskit/intl-messages-provider": "^2.0.0",
|
|
62
59
|
"@atlaskit/link": "^3.3.0",
|
|
63
60
|
"@atlaskit/link-provider": "^4.2.0",
|
|
64
|
-
"@atlaskit/linking-common": "^9.
|
|
61
|
+
"@atlaskit/linking-common": "^9.11.0",
|
|
65
62
|
"@atlaskit/onboarding": "^14.5.0",
|
|
66
63
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
67
64
|
"@atlaskit/primitives": "^18.0.0",
|
|
68
|
-
"@atlaskit/smart-card": "^43.
|
|
65
|
+
"@atlaskit/smart-card": "^43.27.0",
|
|
69
66
|
"@atlaskit/spinner": "^19.0.0",
|
|
70
|
-
"@atlaskit/tabs": "^
|
|
67
|
+
"@atlaskit/tabs": "^19.0.0",
|
|
71
68
|
"@atlaskit/textfield": "^8.2.0",
|
|
72
69
|
"@atlaskit/theme": "^22.0.0",
|
|
73
70
|
"@atlaskit/tokens": "^11.1.0",
|
|
74
|
-
"@atlaskit/tooltip": "^
|
|
71
|
+
"@atlaskit/tooltip": "^21.0.0",
|
|
75
72
|
"@atlaskit/ufo": "^0.4.0",
|
|
76
73
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
77
74
|
"@babel/runtime": "^7.0.0",
|