@atlaskit/link-datasource 4.13.6 → 4.14.1
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 +21 -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/assets-modal/search-container/aql-search-input/index.js +2 -2
- 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/index.js +2 -2
- 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/assets-modal/search-container/aql-search-input/index.js +1 -1
- 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/index.js +1 -1
- 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/assets-modal/search-container/aql-search-input/index.js +1 -1
- 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/index.js +1 -1
- 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 -10
- /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
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
2
|
import { useIntl } from 'react-intl-next';
|
|
3
|
-
import ButtonOld from '@atlaskit/button';
|
|
4
3
|
import Button from '@atlaskit/button/new';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
4
|
import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
|
|
7
5
|
import { asyncPopupSelectMessages } from './messages';
|
|
8
6
|
const ShowMoreButton = ({
|
|
@@ -22,18 +20,11 @@ const ShowMoreButton = ({
|
|
|
22
20
|
});
|
|
23
21
|
onShowMore();
|
|
24
22
|
}, [filterName, fireEvent, onShowMore]);
|
|
25
|
-
|
|
26
|
-
return /*#__PURE__*/React.createElement(Button, {
|
|
27
|
-
onClick: handleShowMore,
|
|
28
|
-
appearance: "subtle",
|
|
29
|
-
testId: `${filterName}--show-more-button`,
|
|
30
|
-
spacing: "compact"
|
|
31
|
-
}, formatMessage(asyncPopupSelectMessages.showMoreMessage));
|
|
32
|
-
}
|
|
33
|
-
return /*#__PURE__*/React.createElement(ButtonOld, {
|
|
23
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
34
24
|
onClick: handleShowMore,
|
|
35
|
-
appearance: "
|
|
36
|
-
testId: `${filterName}--show-more-button
|
|
25
|
+
appearance: "subtle",
|
|
26
|
+
testId: `${filterName}--show-more-button`,
|
|
27
|
+
spacing: "compact"
|
|
37
28
|
}, formatMessage(asyncPopupSelectMessages.showMoreMessage));
|
|
38
29
|
};
|
|
39
30
|
export default ShowMoreButton;
|
|
@@ -7,13 +7,10 @@ import Badge from '@atlaskit/badge';
|
|
|
7
7
|
import NewButton from '@atlaskit/button/new';
|
|
8
8
|
import Button from '@atlaskit/button/standard-button';
|
|
9
9
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
10
|
-
import ChevronDownIconOld from '@atlaskit/icon/core/migration/chevron-down';
|
|
11
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
10
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
13
11
|
import Spinner from '@atlaskit/spinner';
|
|
14
12
|
const styles = {
|
|
15
13
|
triggerButtonLabelStyles: "_1reo15vq _18m915vq _1bto1l2s",
|
|
16
|
-
badgeStylesOld: "_18u01b66",
|
|
17
14
|
badgeStyles: "_18u0utpp"
|
|
18
15
|
};
|
|
19
16
|
|
|
@@ -50,7 +47,7 @@ const PopupTrigger = /*#__PURE__*/forwardRef(({
|
|
|
50
47
|
}),
|
|
51
48
|
testId: `${triggerButtonTestId}--loading-button`
|
|
52
49
|
}, label)), [label, triggerButtonTestId]);
|
|
53
|
-
const DefaultButton = useCallback(() =>
|
|
50
|
+
const DefaultButton = useCallback(() => /*#__PURE__*/React.createElement(NewButton, {
|
|
54
51
|
isSelected: isSelected || hasOptions,
|
|
55
52
|
isDisabled: isDisabled,
|
|
56
53
|
iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
|
|
@@ -66,23 +63,6 @@ const PopupTrigger = /*#__PURE__*/forwardRef(({
|
|
|
66
63
|
alignItems: "center"
|
|
67
64
|
}, /*#__PURE__*/React.createElement(Badge, {
|
|
68
65
|
appearance: "primary"
|
|
69
|
-
}, "+", selectedOptions.length - 1)))) : /*#__PURE__*/React.createElement(Button, {
|
|
70
|
-
appearance: "default",
|
|
71
|
-
isSelected: isSelected || hasOptions,
|
|
72
|
-
isDisabled: isDisabled,
|
|
73
|
-
iconAfter: /*#__PURE__*/React.createElement(ChevronDownIconOld, {
|
|
74
|
-
label: "",
|
|
75
|
-
color: "currentColor",
|
|
76
|
-
size: "small"
|
|
77
|
-
}),
|
|
78
|
-
testId: `${triggerButtonTestId}--button`
|
|
79
|
-
}, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
|
|
80
|
-
xcss: styles.triggerButtonLabelStyles
|
|
81
|
-
}, label, firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
|
|
82
|
-
xcss: styles.badgeStylesOld,
|
|
83
|
-
alignItems: "center"
|
|
84
|
-
}, /*#__PURE__*/React.createElement(Badge, {
|
|
85
|
-
appearance: "primary"
|
|
86
66
|
}, "+", selectedOptions.length - 1)))), [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId]);
|
|
87
67
|
|
|
88
68
|
/**
|
|
@@ -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/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
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
|
-
import ErrorIcon from '@atlaskit/icon/core/migration/error';
|
|
9
|
+
import ErrorIcon from '@atlaskit/icon/core/migration/status-error--error';
|
|
10
10
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
11
11
|
import Popup from '@atlaskit/popup';
|
|
12
12
|
import { N0, N20, N30, R400 } from '@atlaskit/theme/colors';
|
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
|
};
|