@atlaskit/link-datasource 4.7.0 → 4.8.0
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 +20 -0
- package/dist/cjs/state/actions/index.js +3 -9
- package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +2 -3
- package/dist/cjs/ui/common/error-state/access-required.js +8 -16
- package/dist/cjs/ui/common/error-state/loading-error.js +2 -3
- package/dist/cjs/ui/common/error-state/modal-loading-error.js +2 -3
- package/dist/cjs/ui/common/error-state/no-results.js +6 -263
- package/dist/cjs/ui/common/modal/popup-select/menu-list/errorMessage.js +6 -23
- package/dist/cjs/ui/common/modal/popup-select/menu-list/noOptionsMessage.js +6 -19
- package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js +1 -2
- package/dist/cjs/ui/confluence-search-modal/modal/index.js +4 -12
- package/dist/cjs/ui/jira-issues-modal/modal/index.js +8 -16
- package/dist/es2019/state/actions/index.js +3 -9
- package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +2 -3
- package/dist/es2019/ui/common/error-state/access-required.js +3 -9
- package/dist/es2019/ui/common/error-state/loading-error.js +2 -3
- package/dist/es2019/ui/common/error-state/modal-loading-error.js +2 -3
- package/dist/es2019/ui/common/error-state/no-results.js +5 -260
- package/dist/es2019/ui/common/modal/popup-select/menu-list/errorMessage.js +4 -19
- package/dist/es2019/ui/common/modal/popup-select/menu-list/noOptionsMessage.js +5 -16
- package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js +1 -2
- package/dist/es2019/ui/confluence-search-modal/modal/index.js +3 -9
- package/dist/es2019/ui/jira-issues-modal/modal/index.js +3 -9
- package/dist/esm/state/actions/index.js +3 -9
- package/dist/esm/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +2 -3
- package/dist/esm/ui/common/error-state/access-required.js +8 -16
- package/dist/esm/ui/common/error-state/loading-error.js +2 -3
- package/dist/esm/ui/common/error-state/modal-loading-error.js +2 -3
- package/dist/esm/ui/common/error-state/no-results.js +6 -263
- package/dist/esm/ui/common/modal/popup-select/menu-list/errorMessage.js +5 -22
- package/dist/esm/ui/common/modal/popup-select/menu-list/noOptionsMessage.js +6 -19
- package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js +1 -2
- package/dist/esm/ui/confluence-search-modal/modal/index.js +4 -12
- package/dist/esm/ui/jira-issues-modal/modal/index.js +8 -16
- package/package.json +6 -12
- package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/assets/crystal-ball-svg-old.js +0 -528
- package/dist/cjs/ui/common/error-state/access-required-svg.js +0 -85
- package/dist/cjs/ui/common/error-state/loading-error-svg-old.js +0 -87
- package/dist/cjs/ui/confluence-search-modal/modal/confluence-search-initial-state-svg-old.js +0 -155
- package/dist/cjs/ui/issue-like-table/empty-state/priority-old.js +0 -33
- package/dist/cjs/ui/jira-issues-modal/modal/jira-issues-initial-state-svg.js +0 -240
- package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/assets/crystal-ball-svg-old.js +0 -520
- package/dist/es2019/ui/common/error-state/access-required-svg.js +0 -77
- package/dist/es2019/ui/common/error-state/loading-error-svg-old.js +0 -79
- package/dist/es2019/ui/confluence-search-modal/modal/confluence-search-initial-state-svg-old.js +0 -147
- package/dist/es2019/ui/issue-like-table/empty-state/priority-old.js +0 -37
- package/dist/es2019/ui/jira-issues-modal/modal/jira-issues-initial-state-svg.js +0 -231
- package/dist/esm/ui/assets-modal/modal/render-assets-content/initial-state-view/assets/crystal-ball-svg-old.js +0 -522
- package/dist/esm/ui/common/error-state/access-required-svg.js +0 -79
- package/dist/esm/ui/common/error-state/loading-error-svg-old.js +0 -81
- package/dist/esm/ui/confluence-search-modal/modal/confluence-search-initial-state-svg-old.js +0 -149
- package/dist/esm/ui/issue-like-table/empty-state/priority-old.js +0 -25
- package/dist/esm/ui/jira-issues-modal/modal/jira-issues-initial-state-svg.js +0 -233
- package/dist/types/ui/assets-modal/modal/render-assets-content/initial-state-view/assets/crystal-ball-svg-old.d.ts +0 -2
- package/dist/types/ui/common/error-state/access-required-svg.d.ts +0 -2
- package/dist/types/ui/common/error-state/loading-error-svg-old.d.ts +0 -2
- package/dist/types/ui/confluence-search-modal/modal/confluence-search-initial-state-svg-old.d.ts +0 -2
- package/dist/types/ui/issue-like-table/empty-state/priority-old.d.ts +0 -11
- package/dist/types/ui/jira-issues-modal/modal/jira-issues-initial-state-svg.d.ts +0 -2
- package/dist/types-ts4.5/ui/assets-modal/modal/render-assets-content/initial-state-view/assets/crystal-ball-svg-old.d.ts +0 -2
- package/dist/types-ts4.5/ui/common/error-state/access-required-svg.d.ts +0 -2
- package/dist/types-ts4.5/ui/common/error-state/loading-error-svg-old.d.ts +0 -2
- package/dist/types-ts4.5/ui/confluence-search-modal/modal/confluence-search-initial-state-svg-old.d.ts +0 -2
- package/dist/types-ts4.5/ui/issue-like-table/empty-state/priority-old.d.ts +0 -11
- package/dist/types-ts4.5/ui/jira-issues-modal/modal/jira-issues-initial-state-svg.d.ts +0 -2
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl-next';
|
|
3
3
|
import { useDebouncedCallback } from 'use-debounce';
|
|
4
|
-
import ErrorIcon from '@atlaskit/icon/glyph/error';
|
|
5
4
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
-
import { N500 } from '@atlaskit/theme/colors';
|
|
7
5
|
import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
|
|
8
6
|
import { SpotError } from '../../../../../common/ui/spot/error-state/error';
|
|
9
|
-
import { SpotErrorOld } from '../../../../../common/ui/spot/error-state/error-old';
|
|
10
7
|
import { SEARCH_DEBOUNCE_MS } from '../constants';
|
|
11
8
|
import { asyncPopupSelectMessages } from './messages';
|
|
12
9
|
import CustomSelectMessage from './selectMessage';
|
|
@@ -20,7 +17,6 @@ const getErrorReasonType = errors => {
|
|
|
20
17
|
}
|
|
21
18
|
return 'unknown';
|
|
22
19
|
};
|
|
23
|
-
const noop = () => '';
|
|
24
20
|
const CustomErrorMessage = ({
|
|
25
21
|
filterName,
|
|
26
22
|
errors
|
|
@@ -42,23 +38,12 @@ const CustomErrorMessage = ({
|
|
|
42
38
|
useEffect(debouncedAnalyticsCallback, [debouncedAnalyticsCallback]);
|
|
43
39
|
const {
|
|
44
40
|
formatMessage
|
|
45
|
-
} =
|
|
46
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
47
|
-
useIntl() : {
|
|
48
|
-
formatMessage: noop
|
|
49
|
-
};
|
|
41
|
+
} = useIntl();
|
|
50
42
|
return /*#__PURE__*/React.createElement(CustomSelectMessage, {
|
|
51
|
-
icon:
|
|
52
|
-
size: "large",
|
|
53
|
-
alt: formatMessage(asyncPopupSelectMessages.errorMessage)
|
|
54
|
-
}) : fg('bandicoots-update-sllv-icons') ? /*#__PURE__*/React.createElement(SpotErrorOld, {
|
|
43
|
+
icon: /*#__PURE__*/React.createElement(SpotError, {
|
|
55
44
|
size: 'medium',
|
|
56
|
-
alt: formatMessage(asyncPopupSelectMessages.
|
|
57
|
-
})
|
|
58
|
-
primaryColor: `var(--ds-icon, ${N500})`,
|
|
59
|
-
label: "",
|
|
60
|
-
size: "xlarge"
|
|
61
|
-
})),
|
|
45
|
+
alt: formatMessage(asyncPopupSelectMessages.errorMessage)
|
|
46
|
+
}),
|
|
62
47
|
message: fg('platform-linking-visual-refresh-sllv') ? asyncPopupSelectMessages.errorMessage : asyncPopupSelectMessages.errorMessageOld,
|
|
63
48
|
description: fg('platform-linking-visual-refresh-sllv') ? asyncPopupSelectMessages.errorDescription : undefined,
|
|
64
49
|
testId: `${filterName}--error-message`
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl-next';
|
|
3
3
|
import { useDebouncedCallback } from 'use-debounce';
|
|
4
|
-
import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
|
|
5
4
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
-
import { N500 } from '@atlaskit/theme/colors';
|
|
7
5
|
import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
|
|
8
6
|
import { SpotSearchNoResult } from '../../../../../common/ui/spot/error-state/search-no-result';
|
|
9
7
|
import { SEARCH_DEBOUNCE_MS } from '../constants';
|
|
10
8
|
import { asyncPopupSelectMessages } from './messages';
|
|
11
9
|
import CustomSelectMessage from './selectMessage';
|
|
12
|
-
const noop = () => '';
|
|
13
10
|
const CustomNoOptionsMessage = ({
|
|
14
11
|
filterName
|
|
15
12
|
}) => {
|
|
@@ -31,20 +28,12 @@ const CustomNoOptionsMessage = ({
|
|
|
31
28
|
useEffect(debouncedAnalyticsCallback, [debouncedAnalyticsCallback]);
|
|
32
29
|
const {
|
|
33
30
|
formatMessage
|
|
34
|
-
} =
|
|
35
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
36
|
-
useIntl() : {
|
|
37
|
-
formatMessage: noop
|
|
38
|
-
};
|
|
31
|
+
} = useIntl();
|
|
39
32
|
return /*#__PURE__*/React.createElement(CustomSelectMessage, {
|
|
40
|
-
icon:
|
|
41
|
-
size:
|
|
42
|
-
alt: formatMessage(
|
|
43
|
-
})
|
|
44
|
-
primaryColor: `var(--ds-icon, ${N500})`,
|
|
45
|
-
size: "xlarge",
|
|
46
|
-
label: ""
|
|
47
|
-
})),
|
|
33
|
+
icon: /*#__PURE__*/React.createElement(SpotSearchNoResult, {
|
|
34
|
+
size: 'medium',
|
|
35
|
+
alt: formatMessage(asyncPopupSelectMessages.noOptionsMessage)
|
|
36
|
+
}),
|
|
48
37
|
message: fg('platform-linking-visual-refresh-sllv') ? asyncPopupSelectMessages.noOptionsMessage : asyncPopupSelectMessages.noOptionsMessageOld,
|
|
49
38
|
description: fg('platform-linking-visual-refresh-sllv') ? asyncPopupSelectMessages.noOptionsDescription : undefined,
|
|
50
39
|
testId: `${filterName}--no-options-message`
|
package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js
CHANGED
|
@@ -7,7 +7,6 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
|
7
7
|
import { FormattedMessage, useIntl } from 'react-intl-next';
|
|
8
8
|
import { DatePicker } from '@atlaskit/datetime-picker';
|
|
9
9
|
import ErrorIcon from '@atlaskit/icon/utility/migration/error';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import Popup from '@atlaskit/popup';
|
|
12
11
|
import { N0, N20, N30, R400 } from '@atlaskit/theme/colors';
|
|
13
12
|
import { layers } from '@atlaskit/theme/constants';
|
|
@@ -218,7 +217,7 @@ export const DateRangePicker = ({
|
|
|
218
217
|
})), invalidDateRange && /*#__PURE__*/React.createElement(DateRangeErrorMessage, null, /*#__PURE__*/React.createElement(ErrorIcon, {
|
|
219
218
|
LEGACY_size: "small",
|
|
220
219
|
color: `var(--ds-icon-danger, ${R400})`,
|
|
221
|
-
label:
|
|
220
|
+
label: formatMessage(dateRangeMessages.dateRangeError),
|
|
222
221
|
LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"}`
|
|
223
222
|
}), invalidDateRange), /*#__PURE__*/React.createElement(SelectDateRangeButton, {
|
|
224
223
|
"data-testId": "custom-date-range-update-button",
|
|
@@ -37,13 +37,11 @@ import TableSearchCount from '../../common/modal/search-count';
|
|
|
37
37
|
import { SiteSelector } from '../../common/modal/site-selector';
|
|
38
38
|
import { EmptyState } from '../../issue-like-table';
|
|
39
39
|
import ConfluenceSearchContainer from '../confluence-search-container';
|
|
40
|
-
import { ConfluenceSearchInitialStateSVGOld } from './confluence-search-initial-state-svg-old';
|
|
41
40
|
import { confluenceSearchModalMessages } from './messages';
|
|
42
41
|
const styles = {
|
|
43
42
|
inputContainerStyles: "_4cvr1q9y _1e0c1txw _1tket9kd"
|
|
44
43
|
};
|
|
45
44
|
const isValidParameters = parameters => !!(parameters && parameters.cloudId && Object.values(parameters).filter(v => v !== undefined).length > 1);
|
|
46
|
-
const noop = () => '';
|
|
47
45
|
export const PlainConfluenceSearchConfigModal = props => {
|
|
48
46
|
const {
|
|
49
47
|
onCancel,
|
|
@@ -55,11 +53,7 @@ export const PlainConfluenceSearchConfigModal = props => {
|
|
|
55
53
|
} = useViewModeContext();
|
|
56
54
|
const {
|
|
57
55
|
formatMessage
|
|
58
|
-
} =
|
|
59
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
60
|
-
useIntl() : {
|
|
61
|
-
formatMessage: noop
|
|
62
|
-
};
|
|
56
|
+
} = useIntl();
|
|
63
57
|
const {
|
|
64
58
|
visibleColumnKeys,
|
|
65
59
|
tableState: {
|
|
@@ -242,10 +236,10 @@ export const PlainConfluenceSearchConfigModal = props => {
|
|
|
242
236
|
});
|
|
243
237
|
}
|
|
244
238
|
return /*#__PURE__*/React.createElement(ContentContainer, null, /*#__PURE__*/React.createElement(InitialStateView, {
|
|
245
|
-
icon:
|
|
239
|
+
icon: /*#__PURE__*/React.createElement(RichIconSearch, {
|
|
246
240
|
size: "xlarge",
|
|
247
241
|
alt: formatMessage(confluenceSearchModalMessages.initialViewSearchTitle)
|
|
248
|
-
})
|
|
242
|
+
}),
|
|
249
243
|
title: confluenceSearchModalMessages.initialViewSearchTitle,
|
|
250
244
|
description: confluenceSearchModalMessages.initialViewSearchDescription
|
|
251
245
|
}));
|
|
@@ -44,9 +44,7 @@ import { EmptyState } from '../../issue-like-table';
|
|
|
44
44
|
import { availableBasicFilterTypes } from '../basic-filters/ui';
|
|
45
45
|
import { isQueryTooComplex } from '../basic-filters/utils/isQueryTooComplex';
|
|
46
46
|
import { JiraSearchContainer } from '../jira-search-container';
|
|
47
|
-
import { JiraInitialStateSVG } from './jira-issues-initial-state-svg';
|
|
48
47
|
import { modalMessages } from './messages';
|
|
49
|
-
const noop = () => '';
|
|
50
48
|
const getDisplayValue = (currentViewMode, itemCount) => {
|
|
51
49
|
if (currentViewMode === 'table') {
|
|
52
50
|
return DatasourceDisplay.DATASOURCE_TABLE;
|
|
@@ -104,11 +102,7 @@ const PlainJiraIssuesConfigModal = props => {
|
|
|
104
102
|
const experienceId = useDatasourceExperienceId();
|
|
105
103
|
const {
|
|
106
104
|
formatMessage
|
|
107
|
-
} =
|
|
108
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
109
|
-
useIntl() : {
|
|
110
|
-
formatMessage: noop
|
|
111
|
-
};
|
|
105
|
+
} = useIntl();
|
|
112
106
|
const analyticsPayload = useMemo(() => ({
|
|
113
107
|
extensionKey,
|
|
114
108
|
destinationObjectTypes
|
|
@@ -307,10 +301,10 @@ const PlainJiraIssuesConfigModal = props => {
|
|
|
307
301
|
}, !!jql ? /*#__PURE__*/React.createElement(EmptyState, {
|
|
308
302
|
testId: `jira-datasource-modal--empty-state`
|
|
309
303
|
}) : /*#__PURE__*/React.createElement(InitialStateView, {
|
|
310
|
-
icon:
|
|
304
|
+
icon: /*#__PURE__*/React.createElement(RichIconSearch, {
|
|
311
305
|
alt: formatMessage(fg('confluence-issue-terminology-refresh') ? modalMessages.searchJiraTitleIssueTermRefresh : modalMessages.searchJiraTitle),
|
|
312
306
|
size: 'xlarge'
|
|
313
|
-
})
|
|
307
|
+
}),
|
|
314
308
|
title: fg('confluence-issue-terminology-refresh') ? modalMessages.searchJiraTitleIssueTermRefresh : modalMessages.searchJiraTitle,
|
|
315
309
|
description: getDescriptionMessage(),
|
|
316
310
|
learnMoreLink: currentSearchMethod === 'jql' ? {
|
|
@@ -7,7 +7,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
7
7
|
import { useCallback, useMemo } from 'react';
|
|
8
8
|
import { createActionsHook, createHook, createStore } from 'react-sweet-state';
|
|
9
9
|
import { useDatasourceClientExtension } from '@atlaskit/link-client-extension';
|
|
10
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
10
|
import { useDatasourceAnalyticsEvents } from '../../analytics';
|
|
12
11
|
import useErrorLogger from '../../hooks/useErrorLogger';
|
|
13
12
|
import { useDatasourceItem } from '../index';
|
|
@@ -198,11 +197,9 @@ export var useExecuteAtomicAction = function useExecuteAtomicAction(_ref5) {
|
|
|
198
197
|
_useAtomicUpdateActio3 = _useAtomicUpdateActio2[0],
|
|
199
198
|
schema = _useAtomicUpdateActio3.schema,
|
|
200
199
|
fetchSchema = _useAtomicUpdateActio3.fetchSchema;
|
|
201
|
-
var item =
|
|
202
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
203
|
-
useDatasourceItem({
|
|
200
|
+
var item = useDatasourceItem({
|
|
204
201
|
id: ari
|
|
205
|
-
})
|
|
202
|
+
});
|
|
206
203
|
var _useDatasourceClientE2 = useDatasourceClientExtension(),
|
|
207
204
|
executeAction = _useDatasourceClientE2.executeAtomicAction,
|
|
208
205
|
invalidateDatasourceDataCacheByAri = _useDatasourceClientE2.invalidateDatasourceDataCacheByAri;
|
|
@@ -251,10 +248,7 @@ export var useExecuteAtomicAction = function useExecuteAtomicAction(_ref5) {
|
|
|
251
248
|
* controlled inputs are useful for search fields, where a variable query is passed to the fetchAction
|
|
252
249
|
*/
|
|
253
250
|
var inputs = controlledInputs;
|
|
254
|
-
|
|
255
|
-
* When FF is on and `controlledInputs` are not provided we look for required inputs in the fetchSchema
|
|
256
|
-
*/
|
|
257
|
-
if (!Object.keys(inputs).length && fetchSchema.inputs && !!Object.keys(fetchSchema.inputs).length && fg('enable_datasource_fetch_action_inputs')) {
|
|
251
|
+
if (!Object.keys(inputs).length && fetchSchema.inputs && !!Object.keys(fetchSchema.inputs).length) {
|
|
258
252
|
var inputKeys = Object.keys(fetchSchema.inputs);
|
|
259
253
|
/**
|
|
260
254
|
* If present return the input value from the datasource item
|
|
@@ -7,7 +7,6 @@ import Link from '@atlaskit/link';
|
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
8
|
import { fontFallback } from '@atlaskit/theme/typography';
|
|
9
9
|
import { RichIconSearch } from '../../../../../common/ui/rich-icon/search';
|
|
10
|
-
import { CrystalBallSVGOld } from './assets/crystal-ball-svg-old';
|
|
11
10
|
import { initialStateViewMessages } from './messages';
|
|
12
11
|
var initialStateViewContainerStyles = null;
|
|
13
12
|
var svgAndTextsWrapperStylesOld = null;
|
|
@@ -24,10 +23,10 @@ export var InitialStateView = function InitialStateView() {
|
|
|
24
23
|
className: ax(["_1e0c1txw _1bah1h6o _4t3i1osq"])
|
|
25
24
|
}, /*#__PURE__*/React.createElement("div", {
|
|
26
25
|
className: ax([fg('platform-linking-visual-refresh-sllv') ? "_y3gn1h6o _1wpz1h6o _ca0qoahv _n3tdoahv _19bvoahv _u5f3oahv _p12f1kdj" : "_y3gn1h6o _1wpz1h6o"])
|
|
27
|
-
},
|
|
26
|
+
}, /*#__PURE__*/React.createElement(RichIconSearch, {
|
|
28
27
|
size: "xlarge",
|
|
29
28
|
alt: formatMessage(fg('platform-linking-visual-refresh-sllv') ? initialStateViewMessages.searchTitle : initialStateViewMessages.searchTitleOld)
|
|
30
|
-
})
|
|
29
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
31
30
|
className: ax([fg('platform-linking-visual-refresh-sllv') ? "_11c8lodh _syaz1fxt _ca0q1ejb _n3tdpxbi" : "_ca0qpxbi _n3tdu2gc _wtt4ykg7 _pfzw85h9 _zzcc1umn _x3fx1hgc _v2gl1yp8 _1y0bdipb _z7oy1jq3"])
|
|
32
31
|
}, formatMessage(fg('platform-linking-visual-refresh-sllv') ? initialStateViewMessages.searchTitle : initialStateViewMessages.searchTitleOld)), /*#__PURE__*/React.createElement("div", {
|
|
33
32
|
className: ax([fg('platform-linking-visual-refresh-sllv') && "_syaz1gjq"])
|
|
@@ -11,7 +11,6 @@ import { N400 } from '@atlaskit/theme/colors';
|
|
|
11
11
|
import { fontFallback } from '@atlaskit/theme/typography';
|
|
12
12
|
import { useDatasourceAnalyticsEvents } from '../../../analytics';
|
|
13
13
|
import { SpotPadlockKey } from '../../../common/ui/spot/basics/padlock-key';
|
|
14
|
-
import { AccessRequiredSVGOld } from './access-required-svg';
|
|
15
14
|
import { loadingErrorMessages } from './messages';
|
|
16
15
|
var styles = {
|
|
17
16
|
iconContainerStyles: "_otyrpxbi",
|
|
@@ -28,27 +27,20 @@ var Description = function Description(_ref) {
|
|
|
28
27
|
className: ax([fg('platform-linking-visual-refresh-sllv') ? styles.urlStyles : styles.urlStylesOld])
|
|
29
28
|
}, url), /*#__PURE__*/React.createElement("span", null, message));
|
|
30
29
|
};
|
|
31
|
-
var noop = function noop() {
|
|
32
|
-
return '';
|
|
33
|
-
};
|
|
34
30
|
var IconContainer = function IconContainer() {
|
|
35
|
-
var
|
|
36
|
-
|
|
37
|
-
useIntl() : {
|
|
38
|
-
formatMessage: noop
|
|
39
|
-
},
|
|
40
|
-
formatMessage = _ref2.formatMessage;
|
|
31
|
+
var _useIntl = useIntl(),
|
|
32
|
+
formatMessage = _useIntl.formatMessage;
|
|
41
33
|
return /*#__PURE__*/React.createElement(Box, {
|
|
42
34
|
xcss: styles.iconContainerStyles
|
|
43
|
-
},
|
|
35
|
+
}, /*#__PURE__*/React.createElement(SpotPadlockKey, {
|
|
44
36
|
size: 'xlarge',
|
|
45
37
|
alt: formatMessage(loadingErrorMessages.accessRequired)
|
|
46
|
-
})
|
|
38
|
+
}));
|
|
47
39
|
};
|
|
48
|
-
export var AccessRequired = function AccessRequired(
|
|
49
|
-
var url =
|
|
50
|
-
var
|
|
51
|
-
formatMessage =
|
|
40
|
+
export var AccessRequired = function AccessRequired(_ref2) {
|
|
41
|
+
var url = _ref2.url;
|
|
42
|
+
var _useIntl2 = useIntl(),
|
|
43
|
+
formatMessage = _useIntl2.formatMessage;
|
|
52
44
|
var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
|
|
53
45
|
fireEvent = _useDatasourceAnalyti.fireEvent;
|
|
54
46
|
useEffect(function () {
|
|
@@ -12,7 +12,6 @@ import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
|
|
|
12
12
|
import { fontFallback } from '@atlaskit/theme/typography';
|
|
13
13
|
import { useDatasourceAnalyticsEvents } from '../../../analytics';
|
|
14
14
|
import { SpotErrorSearch } from '../../../common/ui/spot/error-state/search';
|
|
15
|
-
import { LoadingErrorSVGOld } from './loading-error-svg-old';
|
|
16
15
|
import { loadingErrorMessages } from './messages';
|
|
17
16
|
var styles = {
|
|
18
17
|
errorContainerStylesOld: "_zulppxbi _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5",
|
|
@@ -53,10 +52,10 @@ export var LoadingError = function LoadingError(_ref) {
|
|
|
53
52
|
}, /*#__PURE__*/React.createElement(Box, {
|
|
54
53
|
xcss: fg('platform-linking-visual-refresh-sllv') ? styles.errorContainerStylesNew : styles.errorContainerStylesOld,
|
|
55
54
|
testId: "datasource--loading-error"
|
|
56
|
-
},
|
|
55
|
+
}, /*#__PURE__*/React.createElement(SpotErrorSearch, {
|
|
57
56
|
size: 'xlarge',
|
|
58
57
|
alt: ""
|
|
59
|
-
})
|
|
58
|
+
}), /*#__PURE__*/React.createElement(Box, {
|
|
60
59
|
xcss: styles.errorMessageContainerStyles
|
|
61
60
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
62
61
|
as: "span",
|
|
@@ -10,7 +10,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
|
|
|
10
10
|
import { Box, Text } from '@atlaskit/primitives/compiled';
|
|
11
11
|
import { useDatasourceAnalyticsEvents } from '../../../analytics';
|
|
12
12
|
import { SpotErrorSearch } from '../../../common/ui/spot/error-state/search';
|
|
13
|
-
import { LoadingErrorSVGOld } from './loading-error-svg-old';
|
|
14
13
|
import { loadingErrorMessages } from './messages';
|
|
15
14
|
var styles = {
|
|
16
15
|
errorContainerStyles: "_zulp1ejb _4cvr1h6o _6a6z1h6o _1wpz1h6o _10fp1h6o _1e0c11p5",
|
|
@@ -32,10 +31,10 @@ export var ModalLoadingError = function ModalLoadingError(_ref) {
|
|
|
32
31
|
return /*#__PURE__*/React.createElement(Box, {
|
|
33
32
|
xcss: cx(fg('platform-linking-visual-refresh-sllv') ? styles.errorContainerStylesNew : styles.errorContainerStyles),
|
|
34
33
|
testId: "datasource-modal--loading-error"
|
|
35
|
-
},
|
|
34
|
+
}, /*#__PURE__*/React.createElement(SpotErrorSearch, {
|
|
36
35
|
size: 'xlarge',
|
|
37
36
|
alt: ""
|
|
38
|
-
})
|
|
37
|
+
}), /*#__PURE__*/React.createElement(Box, {
|
|
39
38
|
xcss: cx(fg('platform-linking-visual-refresh-sllv') ? styles.errorMessageContainerStyles : styles.errorMessageContainerStylesOld)
|
|
40
39
|
}, fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(Text, {
|
|
41
40
|
as: "span",
|