@atlaskit/link-datasource 4.13.6 → 4.14.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 +12 -0
- package/compass.yml +5 -5
- package/dist/cjs/i18n/hr.js +2 -3
- package/dist/cjs/i18n/ja.js +2 -3
- package/dist/cjs/i18n/sr_RS.js +2 -3
- package/dist/cjs/i18n/sr_YR.js +2 -3
- package/dist/cjs/i18n/tr.js +2 -3
- package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/index.compiled.css +1 -10
- package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +7 -17
- package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/messages.js +0 -5
- package/dist/cjs/ui/common/error-state/access-required.compiled.css +1 -3
- package/dist/cjs/ui/common/error-state/access-required.js +3 -7
- package/dist/cjs/ui/common/error-state/loading-error.compiled.css +1 -3
- package/dist/cjs/ui/common/error-state/loading-error.js +10 -17
- package/dist/cjs/ui/common/error-state/messages.js +0 -44
- package/dist/cjs/ui/common/error-state/modal-loading-error.compiled.css +1 -2
- package/dist/cjs/ui/common/error-state/modal-loading-error.js +6 -13
- package/dist/cjs/ui/common/error-state/no-results.compiled.css +1 -6
- package/dist/cjs/ui/common/error-state/no-results.js +10 -31
- package/dist/cjs/ui/common/initial-state-view/index.compiled.css +1 -12
- package/dist/cjs/ui/common/initial-state-view/index.js +3 -19
- package/dist/cjs/ui/common/initial-state-view/messages.js +2 -2
- package/dist/cjs/ui/common/modal/basic-search-input/index.compiled.css +1 -2
- package/dist/cjs/ui/common/modal/basic-search-input/index.js +2 -5
- package/dist/cjs/ui/common/modal/content-container/index.js +1 -2
- package/dist/cjs/ui/common/modal/display-view-dropdown/display-view-drop-down.compiled.css +1 -5
- package/dist/cjs/ui/common/modal/display-view-dropdown/display-view-drop-down.js +19 -69
- package/dist/cjs/ui/common/modal/mode-switcher/index.compiled.css +0 -8
- package/dist/cjs/ui/common/modal/mode-switcher/index.js +2 -28
- package/dist/cjs/ui/common/modal/popup-select/control.js +9 -35
- package/dist/cjs/ui/common/modal/popup-select/{checkbox-option-visual-refresh-sllv.js → custom-checkbox-option.js} +4 -4
- package/dist/cjs/ui/common/modal/popup-select/dropdownIndicator.js +6 -19
- package/dist/cjs/ui/common/modal/popup-select/footer.compiled.css +1 -5
- package/dist/cjs/ui/common/modal/popup-select/footer.js +2 -5
- package/dist/cjs/ui/common/modal/popup-select/index.js +5 -6
- package/dist/cjs/ui/common/modal/popup-select/menu-list/errorMessage.js +2 -3
- package/dist/cjs/ui/common/modal/popup-select/menu-list/index.compiled.css +0 -1
- package/dist/cjs/ui/common/modal/popup-select/menu-list/index.js +1 -3
- package/dist/cjs/ui/common/modal/popup-select/menu-list/noOptionsMessage.js +2 -3
- package/dist/cjs/ui/common/modal/popup-select/menu-list/selectMessage.compiled.css +0 -6
- package/dist/cjs/ui/common/modal/popup-select/menu-list/selectMessage.js +6 -22
- package/dist/cjs/ui/common/modal/popup-select/menu-list/showMoreButton.js +4 -13
- package/dist/cjs/ui/common/modal/popup-select/trigger.compiled.css +0 -1
- package/dist/cjs/ui/common/modal/popup-select/trigger.js +1 -21
- package/dist/cjs/ui/common/modal/search-count/index.js +5 -10
- package/dist/cjs/ui/common/modal/site-selector/index.js +5 -51
- package/dist/cjs/ui/common/modal/site-selector/messages.js +0 -11
- package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js +8 -32
- package/dist/cjs/ui/confluence-search-modal/confluence-search-container/index.js +1 -3
- package/dist/cjs/ui/confluence-search-modal/modal/index.js +3 -4
- package/dist/cjs/ui/datasource-table-view/datasourceTableView.js +4 -9
- package/dist/cjs/ui/issue-like-table/column-picker/index.js +4 -19
- package/dist/cjs/ui/issue-like-table/render-type/link/index.js +4 -10
- package/dist/cjs/ui/issue-like-table/shared-components/icon/index.js +1 -8
- package/dist/cjs/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js +2 -3
- package/dist/cjs/ui/jira-issues-modal/jira-search-container/index.compiled.css +0 -1
- package/dist/cjs/ui/jira-issues-modal/jira-search-container/index.js +13 -50
- package/dist/cjs/ui/jira-issues-modal/modal/index.js +15 -33
- package/dist/cjs/ui/jira-issues-modal/modal/messages.js +0 -5
- package/dist/cjs/ui/table-footer/index.compiled.css +0 -14
- package/dist/cjs/ui/table-footer/index.js +43 -161
- package/dist/es2019/i18n/hr.js +2 -3
- package/dist/es2019/i18n/ja.js +2 -3
- package/dist/es2019/i18n/sr_RS.js +2 -3
- package/dist/es2019/i18n/sr_YR.js +2 -3
- package/dist/es2019/i18n/tr.js +2 -3
- package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/index.compiled.css +0 -3
- package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +7 -17
- package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/messages.js +0 -5
- package/dist/es2019/ui/common/error-state/access-required.compiled.css +1 -3
- package/dist/es2019/ui/common/error-state/access-required.js +3 -7
- package/dist/es2019/ui/common/error-state/loading-error.compiled.css +1 -3
- package/dist/es2019/ui/common/error-state/loading-error.js +11 -18
- package/dist/es2019/ui/common/error-state/messages.js +0 -44
- package/dist/es2019/ui/common/error-state/modal-loading-error.compiled.css +1 -2
- package/dist/es2019/ui/common/error-state/modal-loading-error.js +6 -13
- package/dist/es2019/ui/common/error-state/no-results.compiled.css +1 -6
- package/dist/es2019/ui/common/error-state/no-results.js +10 -31
- package/dist/es2019/ui/common/initial-state-view/index.compiled.css +0 -4
- package/dist/es2019/ui/common/initial-state-view/index.js +3 -13
- package/dist/es2019/ui/common/initial-state-view/messages.js +2 -2
- package/dist/es2019/ui/common/modal/basic-search-input/index.compiled.css +1 -2
- package/dist/es2019/ui/common/modal/basic-search-input/index.js +2 -5
- package/dist/es2019/ui/common/modal/content-container/index.js +1 -2
- package/dist/es2019/ui/common/modal/display-view-dropdown/display-view-drop-down.compiled.css +1 -5
- package/dist/es2019/ui/common/modal/display-view-dropdown/display-view-drop-down.js +16 -62
- package/dist/es2019/ui/common/modal/mode-switcher/index.compiled.css +1 -9
- package/dist/es2019/ui/common/modal/mode-switcher/index.js +3 -20
- package/dist/es2019/ui/common/modal/popup-select/control.js +6 -26
- package/dist/es2019/ui/common/modal/popup-select/{checkbox-option-visual-refresh-sllv.js → custom-checkbox-option.js} +3 -3
- package/dist/es2019/ui/common/modal/popup-select/dropdownIndicator.js +5 -18
- package/dist/es2019/ui/common/modal/popup-select/footer.compiled.css +1 -5
- package/dist/es2019/ui/common/modal/popup-select/footer.js +2 -5
- package/dist/es2019/ui/common/modal/popup-select/index.js +6 -7
- package/dist/es2019/ui/common/modal/popup-select/menu-list/errorMessage.js +2 -3
- package/dist/es2019/ui/common/modal/popup-select/menu-list/index.compiled.css +0 -1
- package/dist/es2019/ui/common/modal/popup-select/menu-list/index.js +1 -3
- package/dist/es2019/ui/common/modal/popup-select/menu-list/noOptionsMessage.js +2 -3
- package/dist/es2019/ui/common/modal/popup-select/menu-list/selectMessage.compiled.css +0 -6
- package/dist/es2019/ui/common/modal/popup-select/menu-list/selectMessage.js +6 -22
- package/dist/es2019/ui/common/modal/popup-select/menu-list/showMoreButton.js +4 -13
- package/dist/es2019/ui/common/modal/popup-select/trigger.compiled.css +0 -1
- package/dist/es2019/ui/common/modal/popup-select/trigger.js +1 -21
- package/dist/es2019/ui/common/modal/search-count/index.js +5 -10
- package/dist/es2019/ui/common/modal/site-selector/index.js +4 -44
- package/dist/es2019/ui/common/modal/site-selector/messages.js +0 -11
- package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js +3 -27
- package/dist/es2019/ui/confluence-search-modal/confluence-search-container/index.js +1 -3
- package/dist/es2019/ui/confluence-search-modal/modal/index.js +3 -4
- package/dist/es2019/ui/datasource-table-view/datasourceTableView.js +5 -10
- package/dist/es2019/ui/issue-like-table/column-picker/index.js +5 -20
- package/dist/es2019/ui/issue-like-table/render-type/link/index.js +4 -9
- package/dist/es2019/ui/issue-like-table/shared-components/icon/index.js +1 -8
- package/dist/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js +2 -3
- package/dist/es2019/ui/jira-issues-modal/jira-search-container/index.compiled.css +0 -1
- package/dist/es2019/ui/jira-issues-modal/jira-search-container/index.js +13 -50
- package/dist/es2019/ui/jira-issues-modal/modal/index.js +13 -29
- package/dist/es2019/ui/jira-issues-modal/modal/messages.js +0 -5
- package/dist/es2019/ui/table-footer/index.compiled.css +0 -14
- package/dist/es2019/ui/table-footer/index.js +35 -147
- package/dist/esm/i18n/hr.js +2 -3
- package/dist/esm/i18n/ja.js +2 -3
- package/dist/esm/i18n/sr_RS.js +2 -3
- package/dist/esm/i18n/sr_YR.js +2 -3
- package/dist/esm/i18n/tr.js +2 -3
- package/dist/esm/ui/assets-modal/modal/render-assets-content/initial-state-view/index.compiled.css +1 -10
- package/dist/esm/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +7 -17
- package/dist/esm/ui/assets-modal/modal/render-assets-content/initial-state-view/messages.js +0 -5
- package/dist/esm/ui/common/error-state/access-required.compiled.css +1 -3
- package/dist/esm/ui/common/error-state/access-required.js +3 -7
- package/dist/esm/ui/common/error-state/loading-error.compiled.css +1 -3
- package/dist/esm/ui/common/error-state/loading-error.js +11 -18
- package/dist/esm/ui/common/error-state/messages.js +0 -44
- package/dist/esm/ui/common/error-state/modal-loading-error.compiled.css +1 -2
- package/dist/esm/ui/common/error-state/modal-loading-error.js +6 -13
- package/dist/esm/ui/common/error-state/no-results.compiled.css +1 -6
- package/dist/esm/ui/common/error-state/no-results.js +10 -31
- package/dist/esm/ui/common/initial-state-view/index.compiled.css +1 -12
- package/dist/esm/ui/common/initial-state-view/index.js +3 -19
- package/dist/esm/ui/common/initial-state-view/messages.js +2 -2
- package/dist/esm/ui/common/modal/basic-search-input/index.compiled.css +1 -2
- package/dist/esm/ui/common/modal/basic-search-input/index.js +2 -5
- package/dist/esm/ui/common/modal/content-container/index.js +1 -2
- package/dist/esm/ui/common/modal/display-view-dropdown/display-view-drop-down.compiled.css +1 -5
- package/dist/esm/ui/common/modal/display-view-dropdown/display-view-drop-down.js +19 -69
- package/dist/esm/ui/common/modal/mode-switcher/index.compiled.css +0 -8
- package/dist/esm/ui/common/modal/mode-switcher/index.js +3 -29
- package/dist/esm/ui/common/modal/popup-select/control.js +8 -34
- package/dist/esm/ui/common/modal/popup-select/{checkbox-option-visual-refresh-sllv.js → custom-checkbox-option.js} +3 -3
- package/dist/esm/ui/common/modal/popup-select/dropdownIndicator.js +5 -18
- package/dist/esm/ui/common/modal/popup-select/footer.compiled.css +1 -5
- package/dist/esm/ui/common/modal/popup-select/footer.js +2 -5
- package/dist/esm/ui/common/modal/popup-select/index.js +6 -7
- package/dist/esm/ui/common/modal/popup-select/menu-list/errorMessage.js +2 -3
- package/dist/esm/ui/common/modal/popup-select/menu-list/index.compiled.css +0 -1
- package/dist/esm/ui/common/modal/popup-select/menu-list/index.js +1 -3
- package/dist/esm/ui/common/modal/popup-select/menu-list/noOptionsMessage.js +2 -3
- package/dist/esm/ui/common/modal/popup-select/menu-list/selectMessage.compiled.css +0 -6
- package/dist/esm/ui/common/modal/popup-select/menu-list/selectMessage.js +6 -22
- package/dist/esm/ui/common/modal/popup-select/menu-list/showMoreButton.js +4 -13
- package/dist/esm/ui/common/modal/popup-select/trigger.compiled.css +0 -1
- package/dist/esm/ui/common/modal/popup-select/trigger.js +1 -21
- package/dist/esm/ui/common/modal/search-count/index.js +5 -10
- package/dist/esm/ui/common/modal/site-selector/index.js +5 -51
- package/dist/esm/ui/common/modal/site-selector/messages.js +0 -11
- package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js +8 -32
- package/dist/esm/ui/confluence-search-modal/confluence-search-container/index.js +1 -3
- package/dist/esm/ui/confluence-search-modal/modal/index.js +3 -4
- package/dist/esm/ui/datasource-table-view/datasourceTableView.js +4 -9
- package/dist/esm/ui/issue-like-table/column-picker/index.js +5 -20
- package/dist/esm/ui/issue-like-table/render-type/link/index.js +4 -10
- package/dist/esm/ui/issue-like-table/shared-components/icon/index.js +1 -8
- package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/index.js +2 -3
- package/dist/esm/ui/jira-issues-modal/jira-search-container/index.compiled.css +0 -1
- package/dist/esm/ui/jira-issues-modal/jira-search-container/index.js +13 -50
- package/dist/esm/ui/jira-issues-modal/modal/index.js +15 -33
- package/dist/esm/ui/jira-issues-modal/modal/messages.js +0 -5
- package/dist/esm/ui/table-footer/index.compiled.css +0 -14
- package/dist/esm/ui/table-footer/index.js +44 -163
- package/dist/types/i18n/hr.d.ts +0 -1
- package/dist/types/i18n/ja.d.ts +0 -1
- package/dist/types/i18n/sr_RS.d.ts +0 -1
- package/dist/types/i18n/sr_YR.d.ts +0 -1
- package/dist/types/i18n/tr.d.ts +0 -1
- package/dist/types/ui/assets-modal/modal/render-assets-content/initial-state-view/messages.d.ts +0 -5
- package/dist/types/ui/common/error-state/messages.d.ts +0 -40
- package/dist/types/ui/common/error-state/modal-loading-error.d.ts +0 -4
- package/dist/types/ui/common/initial-state-view/messages.d.ts +1 -1
- package/dist/types/ui/common/modal/basic-search-input/index.d.ts +1 -6
- package/dist/types/ui/common/modal/popup-select/control.d.ts +1 -3
- package/dist/types/ui/common/modal/popup-select/{checkbox-option-visual-refresh-sllv.d.ts → custom-checkbox-option.d.ts} +1 -1
- package/dist/types/ui/common/modal/popup-select/index.d.ts +0 -4
- package/dist/types/ui/common/modal/popup-select/menu-list/selectMessage.d.ts +0 -4
- package/dist/types/ui/common/modal/search-count/index.d.ts +0 -4
- package/dist/types/ui/common/modal/site-selector/messages.d.ts +0 -10
- package/dist/types/ui/jira-issues-modal/modal/messages.d.ts +0 -5
- package/dist/types-ts4.5/i18n/hr.d.ts +0 -1
- package/dist/types-ts4.5/i18n/ja.d.ts +0 -1
- package/dist/types-ts4.5/i18n/sr_RS.d.ts +0 -1
- package/dist/types-ts4.5/i18n/sr_YR.d.ts +0 -1
- package/dist/types-ts4.5/i18n/tr.d.ts +0 -1
- package/dist/types-ts4.5/ui/assets-modal/modal/render-assets-content/initial-state-view/messages.d.ts +0 -5
- package/dist/types-ts4.5/ui/common/error-state/messages.d.ts +0 -40
- package/dist/types-ts4.5/ui/common/error-state/modal-loading-error.d.ts +0 -4
- package/dist/types-ts4.5/ui/common/initial-state-view/messages.d.ts +1 -1
- package/dist/types-ts4.5/ui/common/modal/basic-search-input/index.d.ts +1 -6
- package/dist/types-ts4.5/ui/common/modal/popup-select/control.d.ts +1 -3
- package/dist/types-ts4.5/ui/common/modal/popup-select/{checkbox-option-visual-refresh-sllv.d.ts → custom-checkbox-option.d.ts} +1 -1
- package/dist/types-ts4.5/ui/common/modal/popup-select/index.d.ts +0 -4
- package/dist/types-ts4.5/ui/common/modal/popup-select/menu-list/selectMessage.d.ts +0 -4
- package/dist/types-ts4.5/ui/common/modal/search-count/index.d.ts +0 -4
- package/dist/types-ts4.5/ui/common/modal/site-selector/messages.d.ts +0 -10
- package/dist/types-ts4.5/ui/jira-issues-modal/modal/messages.d.ts +0 -5
- package/package.json +4 -7
- /package/dist/cjs/ui/common/modal/popup-select/{checkbox-option-visual-refresh-sllv.compiled.css → custom-checkbox-option.compiled.css} +0 -0
- /package/dist/es2019/ui/common/modal/popup-select/{checkbox-option-visual-refresh-sllv.compiled.css → custom-checkbox-option.compiled.css} +0 -0
- /package/dist/esm/ui/common/modal/popup-select/{checkbox-option-visual-refresh-sllv.compiled.css → custom-checkbox-option.compiled.css} +0 -0
|
@@ -4,11 +4,9 @@ import "./index.compiled.css";
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { FormattedMessage, FormattedNumber } from 'react-intl-next';
|
|
7
|
-
import Heading from '@atlaskit/heading';
|
|
8
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { Flex } from '@atlaskit/primitives/compiled';
|
|
10
9
|
import LinkUrl from '@atlaskit/smart-card/link-url';
|
|
11
|
-
import { N800 } from '@atlaskit/theme/colors';
|
|
12
10
|
import { footerMessages } from '../../../table-footer/messages';
|
|
13
11
|
import { searchCountMessages } from './messages';
|
|
14
12
|
const styles = {
|
|
@@ -26,18 +24,15 @@ const ItemCountWrapper = ({
|
|
|
26
24
|
}, /*#__PURE__*/React.createElement(LinkUrl, {
|
|
27
25
|
href: url,
|
|
28
26
|
target: "_blank",
|
|
29
|
-
testId: "item-count-url"
|
|
30
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
31
|
-
,
|
|
27
|
+
testId: "item-count-url",
|
|
32
28
|
style: {
|
|
33
|
-
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
30
|
+
color: "var(--ds-text-subtlest, #626F86)",
|
|
34
31
|
textDecoration: !url ? 'none' : '',
|
|
35
32
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
36
|
-
...
|
|
33
|
+
...additionalStyles
|
|
37
34
|
}
|
|
38
|
-
},
|
|
39
|
-
size: "xxsmall"
|
|
40
|
-
}, children)));
|
|
35
|
+
}, children));
|
|
41
36
|
export const AssetsItemCount = ({
|
|
42
37
|
searchCount,
|
|
43
38
|
url,
|
|
@@ -8,9 +8,8 @@ import { useIntl } from 'react-intl-next';
|
|
|
8
8
|
import Button from '@atlaskit/button/new';
|
|
9
9
|
import Heading from '@atlaskit/heading';
|
|
10
10
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
11
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
11
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
13
|
-
import
|
|
12
|
+
import { PopupSelect } from '@atlaskit/select';
|
|
14
13
|
import { siteSelectorMessages } from './messages';
|
|
15
14
|
const styles = {
|
|
16
15
|
dropdownContainerStyles: "_zulpu2gc _1e0c1txw _4cvr1h6o _1tke1ylp"
|
|
@@ -42,12 +41,12 @@ export const SiteSelector = props => {
|
|
|
42
41
|
};
|
|
43
42
|
return /*#__PURE__*/React.createElement(Box, {
|
|
44
43
|
xcss: styles.dropdownContainerStyles
|
|
45
|
-
},
|
|
44
|
+
}, /*#__PURE__*/React.createElement(Heading, {
|
|
46
45
|
size: "medium",
|
|
47
46
|
as: "h1"
|
|
48
|
-
}, formatMessage(label))
|
|
47
|
+
}, formatMessage(label)), availableSites && availableSites.length > 1 && /*#__PURE__*/React.createElement("span", {
|
|
49
48
|
"data-testid": `${testId}--trigger`
|
|
50
|
-
},
|
|
49
|
+
}, /*#__PURE__*/React.createElement(PopupSelect, {
|
|
51
50
|
searchThreshold: 10,
|
|
52
51
|
maxMenuWidth: 300,
|
|
53
52
|
minMenuWidth: 300,
|
|
@@ -70,44 +69,5 @@ export const SiteSelector = props => {
|
|
|
70
69
|
}),
|
|
71
70
|
testId: `${testId}__control`
|
|
72
71
|
}), (selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) || formatMessage(siteSelectorMessages.chooseSite))
|
|
73
|
-
}) : /*#__PURE__*/React.createElement(Select, {
|
|
74
|
-
classNamePrefix: testId,
|
|
75
|
-
isLoading: !availableSites,
|
|
76
|
-
onChange: onChange,
|
|
77
|
-
options: availableSitesOptions,
|
|
78
|
-
placeholder: formatMessage(siteSelectorMessages.chooseSiteOld)
|
|
79
|
-
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
|
|
80
|
-
,
|
|
81
|
-
styles: {
|
|
82
|
-
container: css => ({
|
|
83
|
-
...css,
|
|
84
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
85
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
86
|
-
zIndex: 11
|
|
87
|
-
}),
|
|
88
|
-
// prevents the popup menu with available sites from being too narrow
|
|
89
|
-
// if the selected site is much shorter than the other options
|
|
90
|
-
menu: ({
|
|
91
|
-
width,
|
|
92
|
-
...css
|
|
93
|
-
}) => ({
|
|
94
|
-
...css,
|
|
95
|
-
minWidth: '100%',
|
|
96
|
-
width: 'max-content',
|
|
97
|
-
// font-weight has to be overridden here so that it gets applied after the font styles in teh css element above
|
|
98
|
-
fontWeight: "var(--ds-font-weight-medium, 500)"
|
|
99
|
-
}),
|
|
100
|
-
valueContainer: ({
|
|
101
|
-
width,
|
|
102
|
-
...css
|
|
103
|
-
}) => ({
|
|
104
|
-
...css,
|
|
105
|
-
// font-weight has to be overridden here so that it gets applied after the font styles in teh css element above
|
|
106
|
-
fontWeight: "var(--ds-font-weight-medium, 500)"
|
|
107
|
-
})
|
|
108
|
-
},
|
|
109
|
-
testId: testId,
|
|
110
|
-
value: selectedSiteOption,
|
|
111
|
-
label: formatMessage(siteSelectorMessages.chooseSiteOld)
|
|
112
72
|
})));
|
|
113
73
|
};
|
|
@@ -1,19 +1,8 @@
|
|
|
1
1
|
import { defineMessages } from 'react-intl-next';
|
|
2
2
|
export const siteSelectorMessages = defineMessages({
|
|
3
|
-
chooseSiteDuplicate: {
|
|
4
|
-
id: 'linkDataSource.site-selector.configmodal.chooseSite',
|
|
5
|
-
description: 'Label for input letting user know they have to choose a site',
|
|
6
|
-
defaultMessage: 'Choose site'
|
|
7
|
-
},
|
|
8
|
-
// delete this and remove duplicate from above once EDM-9407 is merged
|
|
9
3
|
chooseSite: {
|
|
10
4
|
id: 'linkDataSource.jira-issues.configmodal.chooseSite',
|
|
11
5
|
description: 'Label for input letting user know they have to choose a site',
|
|
12
6
|
defaultMessage: 'Select a site'
|
|
13
|
-
},
|
|
14
|
-
chooseSiteOld: {
|
|
15
|
-
id: 'linkDataSource.jira-issues.configmodal.chooseSiteOld',
|
|
16
|
-
description: 'Label for input letting user know they have to choose a site',
|
|
17
|
-
defaultMessage: 'Choose site'
|
|
18
7
|
}
|
|
19
8
|
});
|
package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import NewButton from '@atlaskit/button/new';
|
|
4
|
-
import Button from '@atlaskit/button/standard-button';
|
|
5
4
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
6
|
-
import ChevronDownIconOld from '@atlaskit/icon/core/migration/chevron-down';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
5
|
export const PopupTrigger = ({
|
|
9
6
|
triggerProps,
|
|
10
7
|
isSelected,
|
|
@@ -12,35 +9,14 @@ export const PopupTrigger = ({
|
|
|
12
9
|
selectedLabel,
|
|
13
10
|
onClick
|
|
14
11
|
}) => {
|
|
15
|
-
|
|
16
|
-
return /*#__PURE__*/React.createElement(NewButton, _extends({}, triggerProps, {
|
|
17
|
-
testId: 'confluence-search-modal--date-range-button',
|
|
18
|
-
onClick: onClick,
|
|
19
|
-
isSelected: isSelected,
|
|
20
|
-
iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
|
|
21
|
-
label: "",
|
|
22
|
-
color: "currentColor",
|
|
23
|
-
size: "small"
|
|
24
|
-
})
|
|
25
|
-
}), labelPrefix, selectedLabel ? `: ${selectedLabel}` : '');
|
|
26
|
-
}
|
|
27
|
-
return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
|
|
12
|
+
return /*#__PURE__*/React.createElement(NewButton, _extends({}, triggerProps, {
|
|
28
13
|
testId: 'confluence-search-modal--date-range-button',
|
|
29
14
|
onClick: onClick,
|
|
30
15
|
isSelected: isSelected,
|
|
31
|
-
iconAfter:
|
|
32
|
-
/*#__PURE__*/
|
|
33
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
34
|
-
React.createElement("span", {
|
|
35
|
-
style: {
|
|
36
|
-
display: 'flex',
|
|
37
|
-
alignItems: 'center'
|
|
38
|
-
}
|
|
39
|
-
}, /*#__PURE__*/React.createElement(ChevronDownIconOld, {
|
|
40
|
-
LEGACY_size: "medium",
|
|
16
|
+
iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
|
|
41
17
|
label: "",
|
|
42
18
|
color: "currentColor",
|
|
43
19
|
size: "small"
|
|
44
|
-
})
|
|
20
|
+
})
|
|
45
21
|
}), labelPrefix, selectedLabel ? `: ${selectedLabel}` : '');
|
|
46
22
|
};
|
|
@@ -4,7 +4,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
5
5
|
import { useIntl } from 'react-intl-next';
|
|
6
6
|
import { useDebouncedCallback } from 'use-debounce';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
7
|
import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
|
|
9
8
|
import { BasicSearchInput } from '../../common/modal/basic-search-input';
|
|
10
9
|
import { FILTER_SELECTION_DEBOUNCE_MS } from '../../common/modal/popup-select/constants';
|
|
@@ -105,7 +104,6 @@ const ConfluenceSearchContainer = ({
|
|
|
105
104
|
onChange: handleSearchChange,
|
|
106
105
|
onSearch: onSearch,
|
|
107
106
|
searchTerm: searchBarSearchString,
|
|
108
|
-
placeholder: searchMessages.searchLabel,
|
|
109
107
|
ariaLabel: searchMessages.searchLabel,
|
|
110
108
|
fullWidth: false
|
|
111
109
|
}), /*#__PURE__*/React.createElement(BasicFilters, {
|
|
@@ -113,7 +111,7 @@ const ConfluenceSearchContainer = ({
|
|
|
113
111
|
selections: filterSelections,
|
|
114
112
|
onChange: handleBasicFilterSelectionChange,
|
|
115
113
|
isHydrating: status === 'loading'
|
|
116
|
-
})),
|
|
114
|
+
})), /*#__PURE__*/React.createElement(Text, {
|
|
117
115
|
size: "small",
|
|
118
116
|
color: "color.text.subtlest",
|
|
119
117
|
testId: "confluence-search-placeholder"
|
|
@@ -8,7 +8,6 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
|
|
|
8
8
|
import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
|
|
9
9
|
import LinkComponent from '@atlaskit/link';
|
|
10
10
|
import { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
|
|
11
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
11
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
13
12
|
import { useDatasourceAnalyticsEvents } from '../../../analytics';
|
|
14
13
|
import { DatasourceAction, DatasourceSearchMethod } from '../../../analytics/types';
|
|
@@ -207,7 +206,7 @@ export const PlainConfluenceSearchConfigModal = props => {
|
|
|
207
206
|
}, [currentViewMode, fireInlineViewedEvent, fireTableViewedEvent, status]);
|
|
208
207
|
const renderTableModalContent = useCallback(() => {
|
|
209
208
|
if (status === 'rejected') {
|
|
210
|
-
if (selectedConfluenceSite
|
|
209
|
+
if (selectedConfluenceSite) {
|
|
211
210
|
return /*#__PURE__*/React.createElement(ModalLoadingError, {
|
|
212
211
|
errorMessage: /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, confluenceSearchModalMessages.checkConnectionWithSource, {
|
|
213
212
|
values: {
|
|
@@ -338,10 +337,10 @@ export const PlainConfluenceSearchConfigModal = props => {
|
|
|
338
337
|
url: confluenceSearchUrl,
|
|
339
338
|
prefixTextType: "result",
|
|
340
339
|
testId: "confluence-search-datasource-modal-total-results-count",
|
|
341
|
-
styles:
|
|
340
|
+
styles: {
|
|
342
341
|
color: "var(--ds-text, #172B4D)",
|
|
343
342
|
font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
344
|
-
}
|
|
343
|
+
}
|
|
345
344
|
}), /*#__PURE__*/React.createElement(CancelButton, {
|
|
346
345
|
onCancel: onCancel,
|
|
347
346
|
getAnalyticsPayload: getButtonAnalyticsPayload,
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
/* datasourceTableView.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
2
|
import "./datasourceTableView.compiled.css";
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
5
|
import { useCallback, useEffect, useRef } from 'react';
|
|
7
6
|
import { withAnalyticsContext } from '@atlaskit/analytics-next';
|
|
8
7
|
import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
8
|
import { useDatasourceAnalyticsEvents } from '../../analytics';
|
|
11
9
|
import { componentMetadata } from '../../analytics/constants';
|
|
12
10
|
import { startUfoExperience } from '../../analytics/ufoExperiences';
|
|
@@ -129,9 +127,7 @@ const DatasourceTableViewWithoutAnalytics = ({
|
|
|
129
127
|
});
|
|
130
128
|
}, [reset]);
|
|
131
129
|
if (status === 'resolved' && !responseItems.length || status === 'forbidden') {
|
|
132
|
-
return /*#__PURE__*/React.createElement(NoResults,
|
|
133
|
-
onRefresh: handleErrorRefresh
|
|
134
|
-
});
|
|
130
|
+
return /*#__PURE__*/React.createElement(NoResults, null);
|
|
135
131
|
}
|
|
136
132
|
if (status === 'unauthorized') {
|
|
137
133
|
return authDetails !== null && authDetails !== void 0 && authDetails.length && authDetails.length > 0 ? /*#__PURE__*/React.createElement(ProviderAuthRequired, {
|
|
@@ -146,11 +142,10 @@ const DatasourceTableViewWithoutAnalytics = ({
|
|
|
146
142
|
});
|
|
147
143
|
}
|
|
148
144
|
if (status === 'rejected') {
|
|
149
|
-
return /*#__PURE__*/React.createElement(LoadingError,
|
|
150
|
-
onRefresh: handleErrorRefresh
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
}));
|
|
145
|
+
return /*#__PURE__*/React.createElement(LoadingError, {
|
|
146
|
+
onRefresh: handleErrorRefresh,
|
|
147
|
+
url: url
|
|
148
|
+
});
|
|
154
149
|
}
|
|
155
150
|
return /*#__PURE__*/React.createElement(IntlMessagesProvider, {
|
|
156
151
|
defaultMessages: i18nEN,
|
|
@@ -7,11 +7,8 @@ import { useIntl } from 'react-intl-next';
|
|
|
7
7
|
import Button from '@atlaskit/button/new';
|
|
8
8
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
9
9
|
import CustomizeIcon from '@atlaskit/icon/core/customize';
|
|
10
|
-
import BoardIcon from '@atlaskit/icon/core/migration/board';
|
|
11
|
-
import ChevronDownIconOld from '@atlaskit/icon/core/migration/chevron-down';
|
|
12
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
13
10
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
14
|
-
import {
|
|
11
|
+
import { createFilter, PopupSelect } from '@atlaskit/select';
|
|
15
12
|
import Tooltip from '@atlaskit/tooltip';
|
|
16
13
|
import { succeedUfoExperience } from '../../../analytics/ufoExperiences';
|
|
17
14
|
import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
|
|
@@ -98,12 +95,11 @@ export const ColumnPicker = ({
|
|
|
98
95
|
}
|
|
99
96
|
}
|
|
100
97
|
}, [allOptions, experienceId]);
|
|
101
|
-
const MenuOption = fg('platform-linking-visual-refresh-sllv') ? MenuItem : CheckboxOption;
|
|
102
98
|
return /*#__PURE__*/React.createElement(PopupSelect, {
|
|
103
99
|
classNamePrefix: 'column-picker-popup',
|
|
104
100
|
testId: 'column-picker-popup',
|
|
105
101
|
components: {
|
|
106
|
-
Option:
|
|
102
|
+
Option: MenuItem,
|
|
107
103
|
MenuList: ConcatenatedMenuList
|
|
108
104
|
},
|
|
109
105
|
filterOption: createFilter({
|
|
@@ -133,27 +129,16 @@ export const ColumnPicker = ({
|
|
|
133
129
|
}, tooltipProps => /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
|
|
134
130
|
isSelected: isOpen,
|
|
135
131
|
spacing: "compact",
|
|
136
|
-
appearance:
|
|
132
|
+
appearance: 'default',
|
|
137
133
|
testId: "column-picker-trigger-button",
|
|
138
134
|
iconBefore: () => /*#__PURE__*/React.createElement(Box, {
|
|
139
135
|
as: "span",
|
|
140
136
|
xcss: styles.chevronIconStyles
|
|
141
|
-
},
|
|
137
|
+
}, /*#__PURE__*/React.createElement(CustomizeIcon, {
|
|
142
138
|
label: "customize"
|
|
143
|
-
})
|
|
144
|
-
color: "currentColor",
|
|
145
|
-
label: "board",
|
|
146
|
-
LEGACY_size: "medium",
|
|
147
|
-
spacing: "spacious",
|
|
148
|
-
LEGACY_margin: "0 0 0 4px"
|
|
149
|
-
}), fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(ChevronDownIcon, {
|
|
139
|
+
}), /*#__PURE__*/React.createElement(ChevronDownIcon, {
|
|
150
140
|
label: "down",
|
|
151
141
|
size: "small"
|
|
152
|
-
}) : /*#__PURE__*/React.createElement(ChevronDownIconOld, {
|
|
153
|
-
color: "currentColor",
|
|
154
|
-
label: "down",
|
|
155
|
-
LEGACY_size: "medium",
|
|
156
|
-
size: "small"
|
|
157
142
|
}))
|
|
158
143
|
}), ''))
|
|
159
144
|
});
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
1
|
import React, { useMemo } from 'react';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
2
|
import { Card } from '@atlaskit/smart-card';
|
|
5
3
|
import { HoverCard } from '@atlaskit/smart-card/hover-card';
|
|
6
4
|
import LinkUrl from '@atlaskit/smart-card/link-url';
|
|
@@ -25,19 +23,16 @@ const LinkRenderType = ({
|
|
|
25
23
|
}, [style]);
|
|
26
24
|
const anchor = useMemo(() => /*#__PURE__*/React.createElement(HoverCard, {
|
|
27
25
|
url: url
|
|
28
|
-
}, /*#__PURE__*/React.createElement(LinkUrl,
|
|
26
|
+
}, /*#__PURE__*/React.createElement(LinkUrl, {
|
|
29
27
|
href: url
|
|
30
28
|
// NOTE: This will no longer apply styles to `@atlaskit/link` when platform_editor_hyperlink_underline is enabled.
|
|
31
29
|
// Wrap `@atlaskit/link` in a Text component to provide font styles to Link
|
|
32
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
33
|
-
|
|
34
|
-
style:
|
|
35
|
-
...linkStyle
|
|
36
|
-
}
|
|
37
|
-
}, {
|
|
31
|
+
,
|
|
32
|
+
style: linkStyle,
|
|
38
33
|
"data-testid": testId,
|
|
39
34
|
target: "_blank"
|
|
40
|
-
}
|
|
35
|
+
}, text || url)), [linkStyle, url, text, testId]);
|
|
41
36
|
const SmartCard = () => {
|
|
42
37
|
const handleClick = e => {
|
|
43
38
|
e.preventDefault();
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
|
|
7
6
|
const styles = {
|
|
8
7
|
labelStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq",
|
|
@@ -25,13 +24,7 @@ export function SharedIconComponent({
|
|
|
25
24
|
}, /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement("img", {
|
|
26
25
|
src: iconUrl,
|
|
27
26
|
alt: (label === null || label === void 0 ? void 0 : label.toLowerCase()) !== (text === null || text === void 0 ? void 0 : text.toLowerCase()) ? label : '',
|
|
28
|
-
|
|
29
|
-
style: fg('platform-linking-visual-refresh-sllv') ? {} : {
|
|
30
|
-
minWidth: '24px',
|
|
31
|
-
maxWidth: '24px'
|
|
32
|
-
} // having just width: '24px' shrinks it when table width is reduced
|
|
33
|
-
,
|
|
34
|
-
className: ax([fg('platform-linking-visual-refresh-sllv') && styles.iconStyles])
|
|
27
|
+
className: ax([styles.iconStyles])
|
|
35
28
|
})), text && /*#__PURE__*/React.createElement(Box, {
|
|
36
29
|
xcss: styles.labelStyles,
|
|
37
30
|
testId: `${testId}-text`
|
|
@@ -2,7 +2,6 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
|
2
2
|
import isEqual from 'lodash/isEqual';
|
|
3
3
|
import { useIntl } from 'react-intl-next';
|
|
4
4
|
import { useDebouncedCallback } from 'use-debounce';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
5
|
import { FilterPopupSelect } from '../../../../common/modal/popup-select';
|
|
7
6
|
import { SEARCH_DEBOUNCE_MS } from '../../../../common/modal/popup-select/constants';
|
|
8
7
|
import { useFilterOptions } from '../../hooks/useFilterOptions';
|
|
@@ -86,7 +85,7 @@ const AsyncPopupSelect = ({
|
|
|
86
85
|
const filterName = `jlol-basic-filter-${filterType}`;
|
|
87
86
|
const shouldShowFooter = (status === 'resolved' || isLoadingMore) && filterOptionsLength > 0; // footer should not disappear when there is an inline spinner for loading more data
|
|
88
87
|
const shouldDisplayShowMoreButton = status === 'resolved' && !!pageCursor && !areAllResultsLoaded;
|
|
89
|
-
const triggerButtonLabel = formatMessage(
|
|
88
|
+
const triggerButtonLabel = formatMessage(asyncPopupSelectMessages[`${filterType}Label`]);
|
|
90
89
|
return /*#__PURE__*/React.createElement(FilterPopupSelect, {
|
|
91
90
|
filterName: filterName,
|
|
92
91
|
status: status,
|
|
@@ -98,7 +97,7 @@ const AsyncPopupSelect = ({
|
|
|
98
97
|
selectedOptions: selectedOptions,
|
|
99
98
|
options: popupSelectOptions,
|
|
100
99
|
buttonLabel: triggerButtonLabel,
|
|
101
|
-
searchPlaceholder:
|
|
100
|
+
searchPlaceholder: formatMessage(asyncPopupSelectMessages[`${filterType}SearchPlaceholder`]),
|
|
102
101
|
onInputChange: handleInputChange,
|
|
103
102
|
onSelectionChange: handleOptionSelection,
|
|
104
103
|
onMenuOpen: handleMenuOpen,
|
|
@@ -4,7 +4,6 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
5
5
|
import { useIntl } from 'react-intl-next';
|
|
6
6
|
import { useDebouncedCallback } from 'use-debounce';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
7
|
import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
|
|
9
8
|
import { useDatasourceAnalyticsEvents } from '../../../analytics';
|
|
10
9
|
import { BasicSearchInput } from '../../common/modal/basic-search-input';
|
|
@@ -20,7 +19,6 @@ import { modeSwitcherMessages } from './messages';
|
|
|
20
19
|
const styles = {
|
|
21
20
|
basicSearchInputBoxStyles: "_1bsb1osq",
|
|
22
21
|
basicSearchInputContainerStyles: "_16jlkb7n",
|
|
23
|
-
inputContainerStylesOld: "_4cvr1q9y _1e0c1txw _1tket9kd",
|
|
24
22
|
inputContainerStyles: "_4cvr1y6m _1e0c1txw _1tket9kd",
|
|
25
23
|
modeSwitcherContainerStyles: "_19pk1b66"
|
|
26
24
|
};
|
|
@@ -175,52 +173,12 @@ export const JiraSearchContainer = props => {
|
|
|
175
173
|
setCloudId(currentCloudId);
|
|
176
174
|
}
|
|
177
175
|
}, [currentCloudId, cloudId, setSearchBarJql]);
|
|
178
|
-
if (fg('platform-linking-visual-refresh-sllv')) {
|
|
179
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
180
|
-
"data-testid": "jira-search-container",
|
|
181
|
-
className: ax([styles.inputContainerStyles])
|
|
182
|
-
}, currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(Box, {
|
|
183
|
-
xcss: styles.basicSearchInputBoxStyles
|
|
184
|
-
}, /*#__PURE__*/React.createElement(Flex, {
|
|
185
|
-
alignItems: "center",
|
|
186
|
-
xcss: styles.basicSearchInputContainerStyles
|
|
187
|
-
}, /*#__PURE__*/React.createElement(BasicSearchInput, {
|
|
188
|
-
isSearching: isSearching,
|
|
189
|
-
onChange: handleBasicSearchChange,
|
|
190
|
-
onSearch: handleSearch,
|
|
191
|
-
searchTerm: basicSearchTerm,
|
|
192
|
-
placeholder: basicSearchInputMessages.basicTextSearchLabel,
|
|
193
|
-
ariaLabel: basicSearchInputMessages.basicTextSearchLabel,
|
|
194
|
-
testId: "jira-datasource-modal",
|
|
195
|
-
fullWidth: false
|
|
196
|
-
}), /*#__PURE__*/React.createElement(BasicFilters, {
|
|
197
|
-
jql: searchBarJql,
|
|
198
|
-
site: site,
|
|
199
|
-
onChange: handleBasicFilterSelectionChange,
|
|
200
|
-
selections: filterSelections,
|
|
201
|
-
isJQLHydrating: basicFilterHydrationStatus === 'loading'
|
|
202
|
-
})), currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(Text, {
|
|
203
|
-
size: "small",
|
|
204
|
-
color: "color.text.subtlest",
|
|
205
|
-
testId: "jira-search-placeholder"
|
|
206
|
-
}, formatMessage(basicSearchInputMessages.basicTextSearchLabel))), currentSearchMethod === 'jql' && /*#__PURE__*/React.createElement(JiraJQLEditor, {
|
|
207
|
-
cloudId: cloudId || '',
|
|
208
|
-
isSearching: isSearching,
|
|
209
|
-
onChange: onQueryChange,
|
|
210
|
-
onSearch: handleSearch,
|
|
211
|
-
query: searchBarJql
|
|
212
|
-
}), /*#__PURE__*/React.createElement(Box, {
|
|
213
|
-
xcss: styles.modeSwitcherContainerStyles
|
|
214
|
-
}, /*#__PURE__*/React.createElement(ModeSwitcher, {
|
|
215
|
-
onOptionValueChange: onSearchMethodChange,
|
|
216
|
-
selectedOptionValue: currentSearchMethod,
|
|
217
|
-
options: modeSwitcherOptions
|
|
218
|
-
})));
|
|
219
|
-
}
|
|
220
176
|
return /*#__PURE__*/React.createElement("div", {
|
|
221
177
|
"data-testid": "jira-search-container",
|
|
222
|
-
className: ax([styles.
|
|
223
|
-
}, currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(
|
|
178
|
+
className: ax([styles.inputContainerStyles])
|
|
179
|
+
}, currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(Box, {
|
|
180
|
+
xcss: styles.basicSearchInputBoxStyles
|
|
181
|
+
}, /*#__PURE__*/React.createElement(Flex, {
|
|
224
182
|
alignItems: "center",
|
|
225
183
|
xcss: styles.basicSearchInputContainerStyles
|
|
226
184
|
}, /*#__PURE__*/React.createElement(BasicSearchInput, {
|
|
@@ -228,7 +186,6 @@ export const JiraSearchContainer = props => {
|
|
|
228
186
|
onChange: handleBasicSearchChange,
|
|
229
187
|
onSearch: handleSearch,
|
|
230
188
|
searchTerm: basicSearchTerm,
|
|
231
|
-
placeholder: basicSearchInputMessages.basicTextSearchLabel,
|
|
232
189
|
ariaLabel: basicSearchInputMessages.basicTextSearchLabel,
|
|
233
190
|
testId: "jira-datasource-modal",
|
|
234
191
|
fullWidth: false
|
|
@@ -238,15 +195,21 @@ export const JiraSearchContainer = props => {
|
|
|
238
195
|
onChange: handleBasicFilterSelectionChange,
|
|
239
196
|
selections: filterSelections,
|
|
240
197
|
isJQLHydrating: basicFilterHydrationStatus === 'loading'
|
|
241
|
-
})), currentSearchMethod === '
|
|
198
|
+
})), currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(Text, {
|
|
199
|
+
size: "small",
|
|
200
|
+
color: "color.text.subtlest",
|
|
201
|
+
testId: "jira-search-placeholder"
|
|
202
|
+
}, formatMessage(basicSearchInputMessages.basicTextSearchLabel))), currentSearchMethod === 'jql' && /*#__PURE__*/React.createElement(JiraJQLEditor, {
|
|
242
203
|
cloudId: cloudId || '',
|
|
243
204
|
isSearching: isSearching,
|
|
244
205
|
onChange: onQueryChange,
|
|
245
206
|
onSearch: handleSearch,
|
|
246
207
|
query: searchBarJql
|
|
247
|
-
}), /*#__PURE__*/React.createElement(
|
|
208
|
+
}), /*#__PURE__*/React.createElement(Box, {
|
|
209
|
+
xcss: styles.modeSwitcherContainerStyles
|
|
210
|
+
}, /*#__PURE__*/React.createElement(ModeSwitcher, {
|
|
248
211
|
onOptionValueChange: onSearchMethodChange,
|
|
249
212
|
selectedOptionValue: currentSearchMethod,
|
|
250
213
|
options: modeSwitcherOptions
|
|
251
|
-
}));
|
|
214
|
+
})));
|
|
252
215
|
};
|
|
@@ -256,8 +256,8 @@ const PlainJiraIssuesConfigModal = props => {
|
|
|
256
256
|
const renderIssuesModeContent = useCallback(() => {
|
|
257
257
|
const selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
|
|
258
258
|
const getDescriptionMessage = () => {
|
|
259
|
-
if (currentSearchMethod === 'basic'
|
|
260
|
-
return initialStateViewMessages.
|
|
259
|
+
if (currentSearchMethod === 'basic') {
|
|
260
|
+
return initialStateViewMessages.searchDescriptionForBasicSearchSllv;
|
|
261
261
|
}
|
|
262
262
|
if (fg('confluence-issue-terminology-refresh')) {
|
|
263
263
|
return currentSearchMethod === 'jql' ? initialStateViewMessages.searchDescriptionForJQLSearchIssueTermRefresh : initialStateViewMessages.searchDescriptionForBasicSearchIssueTermRefresh;
|
|
@@ -265,33 +265,17 @@ const PlainJiraIssuesConfigModal = props => {
|
|
|
265
265
|
return currentSearchMethod === 'jql' ? initialStateViewMessages.searchDescriptionForJQLSearch : initialStateViewMessages.searchDescriptionForBasicSearch;
|
|
266
266
|
};
|
|
267
267
|
if (status === 'rejected' && jqlUrl) {
|
|
268
|
-
if (fg('platform-linking-visual-refresh-sllv')) {
|
|
269
|
-
return /*#__PURE__*/React.createElement(ModalLoadingError, {
|
|
270
|
-
errorMessage: jqlUrl ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, modalMessages.checkConnectionWithSourceVisualRefreshSllv, {
|
|
271
|
-
values: {
|
|
272
|
-
a: urlText => /*#__PURE__*/React.createElement(LinkComponent, {
|
|
273
|
-
href: jqlUrl
|
|
274
|
-
}, urlText)
|
|
275
|
-
}
|
|
276
|
-
})) : undefined,
|
|
277
|
-
onRefresh: () => reset({
|
|
278
|
-
shouldForceRequest: true
|
|
279
|
-
})
|
|
280
|
-
});
|
|
281
|
-
}
|
|
282
268
|
return /*#__PURE__*/React.createElement(ModalLoadingError, {
|
|
283
|
-
errorMessage: jqlUrl ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, modalMessages.
|
|
269
|
+
errorMessage: jqlUrl ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, modalMessages.checkConnectionWithSourceVisualRefreshSllv, {
|
|
284
270
|
values: {
|
|
285
|
-
a: urlText =>
|
|
286
|
-
href: jqlUrl
|
|
287
|
-
}, urlText) :
|
|
288
|
-
/*#__PURE__*/
|
|
289
|
-
// eslint-disable-next-line @atlaskit/design-system/no-html-anchor
|
|
290
|
-
React.createElement("a", {
|
|
271
|
+
a: urlText => /*#__PURE__*/React.createElement(LinkComponent, {
|
|
291
272
|
href: jqlUrl
|
|
292
273
|
}, urlText)
|
|
293
274
|
}
|
|
294
|
-
})) : undefined
|
|
275
|
+
})) : undefined,
|
|
276
|
+
onRefresh: () => reset({
|
|
277
|
+
shouldForceRequest: true
|
|
278
|
+
})
|
|
295
279
|
});
|
|
296
280
|
} else if (status === 'unauthorized') {
|
|
297
281
|
return /*#__PURE__*/React.createElement(AccessRequired, {
|
|
@@ -315,10 +299,10 @@ const PlainJiraIssuesConfigModal = props => {
|
|
|
315
299
|
learnMoreLink: currentSearchMethod === 'jql' ? {
|
|
316
300
|
href: jqlSupportDocumentLink,
|
|
317
301
|
text: initialStateViewMessages.learnMoreLinkOld
|
|
318
|
-
} :
|
|
302
|
+
} : {
|
|
319
303
|
href: jqlSupportDocumentLink,
|
|
320
304
|
text: initialStateViewMessages.learnMoreLink
|
|
321
|
-
}
|
|
305
|
+
}
|
|
322
306
|
}));
|
|
323
307
|
}
|
|
324
308
|
return /*#__PURE__*/React.createElement(ContentContainer, {
|
|
@@ -396,10 +380,10 @@ const PlainJiraIssuesConfigModal = props => {
|
|
|
396
380
|
url: jqlUrl,
|
|
397
381
|
prefixTextType: "issue",
|
|
398
382
|
testId: "jira-datasource-modal-total-issues-count",
|
|
399
|
-
styles:
|
|
383
|
+
styles: {
|
|
400
384
|
color: "var(--ds-text, #172B4D)",
|
|
401
385
|
font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
|
|
402
|
-
}
|
|
386
|
+
}
|
|
403
387
|
}), /*#__PURE__*/React.createElement(CancelButton, {
|
|
404
388
|
onCancel: onCancel,
|
|
405
389
|
getAnalyticsPayload: getCancelButtonAnalyticsPayload,
|
|
@@ -408,7 +392,7 @@ const PlainJiraIssuesConfigModal = props => {
|
|
|
408
392
|
testId: "jira-datasource-modal--insert-button",
|
|
409
393
|
url: urlToInsert,
|
|
410
394
|
getAnalyticsPayload: getInsertButtonAnalyticsPayload
|
|
411
|
-
},
|
|
395
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertIssuesButtonTextIssueTermSllv))))));
|
|
412
396
|
};
|
|
413
397
|
const ConnectedJiraIssueConfigModal = createDatasourceModal({
|
|
414
398
|
isValidParameters,
|
|
@@ -96,11 +96,6 @@ export const modalMessages = defineMessages({
|
|
|
96
96
|
description: 'Instructions to let the user know how to resolve the error that occured, or click the link provided to open the query in Jira',
|
|
97
97
|
defaultMessage: 'Check your connection and refresh, or <a>open this project in Jira</a> to review.'
|
|
98
98
|
},
|
|
99
|
-
insertIssuesButtonTextIssueTermRefresh: {
|
|
100
|
-
id: 'linkDataSource.jira-issues.configmodal.insertIssuesButtonText-issue-term-refresh',
|
|
101
|
-
description: 'Button text to insert the displayed content',
|
|
102
|
-
defaultMessage: 'Insert work items'
|
|
103
|
-
},
|
|
104
99
|
insertIssuesButtonTextIssueTermSllv: {
|
|
105
100
|
id: 'linkDataSource.jira-issues.configmodal.insertIssuesButtonText-issue-term-sllv',
|
|
106
101
|
description: 'Button text to insert the displayed content',
|