@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
|
@@ -1,26 +1,13 @@
|
|
|
1
1
|
/* control.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["children"]
|
|
5
|
-
_excluded2 = ["children"];
|
|
4
|
+
var _excluded = ["children"];
|
|
6
5
|
import "./control.compiled.css";
|
|
7
6
|
import { ax, ix } from "@compiled/react/runtime";
|
|
8
7
|
import React from 'react';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
8
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
11
9
|
import { components } from '@atlaskit/select';
|
|
12
|
-
|
|
13
|
-
import { withFeatureFlaggedComponent } from '../../../../common/utils/withFeatureFlaggedComponent';
|
|
14
|
-
var popupCustomControlStylesOld = function popupCustomControlStylesOld() {
|
|
15
|
-
return {
|
|
16
|
-
display: 'flex',
|
|
17
|
-
padding: "var(--ds-space-050, 4px)",
|
|
18
|
-
border: 'none',
|
|
19
|
-
borderBottom: "solid 1px ".concat("var(--ds-border, ".concat(N40, ")")),
|
|
20
|
-
minHeight: 'auto'
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
var popupCustomControlStyles = function popupCustomControlStyles() {
|
|
10
|
+
var getPopupCustomControlStyles = function getPopupCustomControlStyles() {
|
|
24
11
|
return {
|
|
25
12
|
display: 'flex',
|
|
26
13
|
borderRadius: '3px',
|
|
@@ -28,31 +15,18 @@ var popupCustomControlStyles = function popupCustomControlStyles() {
|
|
|
28
15
|
minHeight: 'auto'
|
|
29
16
|
};
|
|
30
17
|
};
|
|
31
|
-
var
|
|
32
|
-
control: "_1u6lglyw"
|
|
33
|
-
};
|
|
34
|
-
var popupCustomControlVisualRefreshStyles = {
|
|
18
|
+
var popupCustomControlStyles = {
|
|
35
19
|
container: "_ca0q1b66 _n3td1b66 _19bvh9hh _u5f3h9hh",
|
|
36
20
|
control: "_1u6lglyw"
|
|
37
21
|
};
|
|
38
|
-
export var
|
|
22
|
+
export var CustomControl = function CustomControl(_ref) {
|
|
39
23
|
var children = _ref.children,
|
|
40
24
|
innerProps = _objectWithoutProperties(_ref, _excluded);
|
|
41
|
-
return /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, {
|
|
42
|
-
getStyles: popupCustomControlStylesOld,
|
|
43
|
-
xcss: popupCustomControlOldStyles.control
|
|
44
|
-
}), children);
|
|
45
|
-
};
|
|
46
|
-
export var CustomControl = function CustomControl(_ref2) {
|
|
47
|
-
var children = _ref2.children,
|
|
48
|
-
innerProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
49
25
|
return /*#__PURE__*/React.createElement(Box, {
|
|
50
|
-
xcss:
|
|
26
|
+
xcss: popupCustomControlStyles.container
|
|
51
27
|
}, /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, {
|
|
52
|
-
getStyles:
|
|
53
|
-
xcss:
|
|
28
|
+
getStyles: getPopupCustomControlStyles,
|
|
29
|
+
xcss: popupCustomControlStyles.control
|
|
54
30
|
}), children));
|
|
55
31
|
};
|
|
56
|
-
export default
|
|
57
|
-
return fg('platform-linking-visual-refresh-sllv');
|
|
58
|
-
});
|
|
32
|
+
export default CustomControl;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
/* checkbox-option
|
|
1
|
+
/* custom-checkbox-option.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["children"];
|
|
5
|
-
import "./checkbox-option
|
|
5
|
+
import "./custom-checkbox-option.compiled.css";
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { ax, ix } from "@compiled/react/runtime";
|
|
8
8
|
import { CheckboxOption } from '@atlaskit/select';
|
|
9
9
|
var checkboxStyles = null;
|
|
10
10
|
var checkboxSelectedStyles = null;
|
|
11
11
|
var checkboxFocusedStyles = null;
|
|
12
|
-
export var
|
|
12
|
+
export var CustomCheckboxOption = function CustomCheckboxOption(_ref) {
|
|
13
13
|
var children = _ref.children,
|
|
14
14
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
15
15
|
return /*#__PURE__*/React.createElement(CheckboxOption
|
|
@@ -3,10 +3,7 @@ import "./dropdownIndicator.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import CloseIcon from '@atlaskit/icon/core/cross-circle';
|
|
6
|
-
import CloseIconOld from '@atlaskit/icon/core/migration/cross-circle';
|
|
7
|
-
import SearchIconOld from '@atlaskit/icon/core/migration/search';
|
|
8
6
|
import SearchIcon from '@atlaskit/icon/core/search';
|
|
9
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
10
7
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
11
8
|
import { components } from '@atlaskit/select';
|
|
12
9
|
var styles = {
|
|
@@ -14,20 +11,6 @@ var styles = {
|
|
|
14
11
|
};
|
|
15
12
|
var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
|
|
16
13
|
var selectProps = props.selectProps;
|
|
17
|
-
var closeIcon = fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(CloseIcon, {
|
|
18
|
-
label: ""
|
|
19
|
-
}) : /*#__PURE__*/React.createElement(CloseIconOld, {
|
|
20
|
-
LEGACY_size: "small",
|
|
21
|
-
label: "",
|
|
22
|
-
color: "currentColor"
|
|
23
|
-
});
|
|
24
|
-
var searchIcon = fg('platform-linking-visual-refresh-sllv') ? /*#__PURE__*/React.createElement(SearchIcon, {
|
|
25
|
-
label: ""
|
|
26
|
-
}) : /*#__PURE__*/React.createElement(SearchIconOld, {
|
|
27
|
-
LEGACY_size: "small",
|
|
28
|
-
label: "",
|
|
29
|
-
color: "currentColor"
|
|
30
|
-
});
|
|
31
14
|
return /*#__PURE__*/React.createElement(components.DropdownIndicator, props, /*#__PURE__*/React.createElement(Box, {
|
|
32
15
|
xcss: styles.customDropdownIndicatorStyles,
|
|
33
16
|
onClick: function onClick() {
|
|
@@ -38,6 +21,10 @@ var CustomDropdownIndicator = function CustomDropdownIndicator(props) {
|
|
|
38
21
|
});
|
|
39
22
|
}
|
|
40
23
|
}
|
|
41
|
-
}, selectProps.inputValue ?
|
|
24
|
+
}, selectProps.inputValue ? /*#__PURE__*/React.createElement(CloseIcon, {
|
|
25
|
+
label: ""
|
|
26
|
+
}) : /*#__PURE__*/React.createElement(SearchIcon, {
|
|
27
|
+
label: ""
|
|
28
|
+
})));
|
|
42
29
|
};
|
|
43
30
|
export default CustomDropdownIndicator;
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
._195gutpp{margin-inline:var(--ds-space-150,9pt)}
|
|
3
|
-
._1mouu2gc{margin-block:var(--ds-space-100,8px)}._15a5nqa1{border-top-style:solid}
|
|
1
|
+
._15a5nqa1{border-top-style:solid}
|
|
4
2
|
._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
|
|
5
3
|
._1i53b5v6{border-top-color:var(--ds-border,#dfe1e6)}
|
|
6
|
-
._ca0q1b66{padding-top:var(--ds-space-050,4px)}
|
|
7
4
|
._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
|
|
8
|
-
._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
|
|
9
5
|
._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
|
|
10
6
|
._syaz131l{color:var(--ds-text-subtlest,#626f86)}
|
|
11
7
|
._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
|
|
@@ -5,14 +5,11 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { cx } from '@compiled/react';
|
|
7
7
|
import { FormattedMessage } from 'react-intl-next';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { Flex, Inline } from '@atlaskit/primitives/compiled';
|
|
10
9
|
import { N40 } from '@atlaskit/theme/colors';
|
|
11
10
|
import { asyncPopupSelectMessages } from './messages';
|
|
12
11
|
var styles = {
|
|
13
|
-
footerContainerStylesOld: "_ca0q1b66 _n3td1b66 _uwhke4h9 _15a5nqa1 _1i53b5v6",
|
|
14
12
|
footerContainerStyles: "_ca0qutpp _n3tdutpp _19bvpxbi _u5f3pxbi _uwhke4h9 _15a5nqa1 _1i53b5v6",
|
|
15
|
-
footerPaginationInfoStylesOld: "_1mouu2gc _195gutpp _syaz131l",
|
|
16
13
|
footerPaginationInfoStyles: "_syaz131l"
|
|
17
14
|
};
|
|
18
15
|
var PopupFooter = function PopupFooter(_ref) {
|
|
@@ -24,9 +21,9 @@ var PopupFooter = function PopupFooter(_ref) {
|
|
|
24
21
|
direction: "row",
|
|
25
22
|
alignItems: "center",
|
|
26
23
|
justifyContent: "end",
|
|
27
|
-
xcss: cx(
|
|
24
|
+
xcss: cx(styles.footerContainerStyles)
|
|
28
25
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
29
|
-
xcss: cx(
|
|
26
|
+
xcss: cx(styles.footerPaginationInfoStyles)
|
|
30
27
|
}, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, asyncPopupSelectMessages.paginationDetails, {
|
|
31
28
|
values: {
|
|
32
29
|
currentDisplayCount: currentDisplayCount,
|
|
@@ -11,11 +11,10 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
|
11
11
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
12
12
|
import isEqual from 'lodash/isEqual';
|
|
13
13
|
import { useIntl } from 'react-intl-next';
|
|
14
|
-
import {
|
|
15
|
-
import { CheckboxOption, PopupSelect } from '@atlaskit/select';
|
|
14
|
+
import { PopupSelect } from '@atlaskit/select';
|
|
16
15
|
import { useDatasourceAnalyticsEvents } from '../../../../analytics';
|
|
17
|
-
import { CheckboxOptionVisualRefreshSllv } from './checkbox-option-visual-refresh-sllv';
|
|
18
16
|
import CustomControl from './control';
|
|
17
|
+
import { CustomCheckboxOption } from './custom-checkbox-option';
|
|
19
18
|
import CustomDropdownIndicator from './dropdownIndicator';
|
|
20
19
|
import PopupFooter from './footer';
|
|
21
20
|
import formatOptionLabel from './formatOptionLabel';
|
|
@@ -180,12 +179,12 @@ export var FilterPopupSelect = function FilterPopupSelect(_ref) {
|
|
|
180
179
|
shouldCloseMenuOnTab: false,
|
|
181
180
|
hideSelectedOptions: false,
|
|
182
181
|
isLoading: showLoading,
|
|
183
|
-
placeholder: searchPlaceholder
|
|
182
|
+
placeholder: searchPlaceholder ? searchPlaceholder : formatMessage(asyncPopupSelectMessages.selectPlaceholder)
|
|
184
183
|
// @ts-ignore - https://product-fabric.atlassian.net/browse/DSP-21000
|
|
185
184
|
,
|
|
186
185
|
menuListProps: menuListProps,
|
|
187
186
|
components: {
|
|
188
|
-
Option:
|
|
187
|
+
Option: CustomCheckboxOption,
|
|
189
188
|
Control: CustomControl,
|
|
190
189
|
MenuList: CustomMenuList,
|
|
191
190
|
DropdownIndicator: CustomDropdownIndicator,
|
|
@@ -193,7 +192,7 @@ export var FilterPopupSelect = function FilterPopupSelect(_ref) {
|
|
|
193
192
|
}
|
|
194
193
|
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
|
|
195
194
|
,
|
|
196
|
-
styles:
|
|
195
|
+
styles: {
|
|
197
196
|
container: function container(base) {
|
|
198
197
|
return _objectSpread(_objectSpread({}, base), {}, {
|
|
199
198
|
paddingTop: "var(--ds-space-075, 6px)",
|
|
@@ -206,7 +205,7 @@ export var FilterPopupSelect = function FilterPopupSelect(_ref) {
|
|
|
206
205
|
paddingBottom: 0
|
|
207
206
|
});
|
|
208
207
|
}
|
|
209
|
-
}
|
|
208
|
+
},
|
|
210
209
|
options: sortedOptions,
|
|
211
210
|
value: selectedOptions,
|
|
212
211
|
filterOption: noFilterOptions,
|
|
@@ -2,7 +2,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
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 { useDatasourceAnalyticsEvents } from '../../../../../analytics';
|
|
7
6
|
import { SpotError } from '../../../../../common/ui/spot/error-state/error';
|
|
8
7
|
import { SEARCH_DEBOUNCE_MS } from '../constants';
|
|
@@ -46,8 +45,8 @@ var CustomErrorMessage = function CustomErrorMessage(_ref3) {
|
|
|
46
45
|
size: 'medium',
|
|
47
46
|
alt: formatMessage(asyncPopupSelectMessages.errorMessage)
|
|
48
47
|
}),
|
|
49
|
-
message:
|
|
50
|
-
description:
|
|
48
|
+
message: asyncPopupSelectMessages.errorMessage,
|
|
49
|
+
description: asyncPopupSelectMessages.errorDescription,
|
|
51
50
|
testId: "".concat(filterName, "--error-message")
|
|
52
51
|
});
|
|
53
52
|
};
|
|
@@ -5,7 +5,6 @@ import "./index.compiled.css";
|
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import React from 'react';
|
|
7
7
|
import { cx } from '@compiled/react';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
10
9
|
import { components } from '@atlaskit/select';
|
|
11
10
|
import Spinner from '@atlaskit/spinner';
|
|
@@ -15,7 +14,6 @@ import CustomNoOptionsMessage from './noOptionsMessage';
|
|
|
15
14
|
import ShowMoreButton from './showMoreButton';
|
|
16
15
|
var styles = {
|
|
17
16
|
inlineSpinnerStyles: "_ca0q12x7",
|
|
18
|
-
showMoreButtonBoxStylesOld: "_19bv12x7 _ca0qu2gc",
|
|
19
17
|
showMoreButtonBoxStyles: "_ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvpxbi"
|
|
20
18
|
};
|
|
21
19
|
var CustomMenuList = function CustomMenuList(_ref) {
|
|
@@ -60,7 +58,7 @@ var CustomMenuList = function CustomMenuList(_ref) {
|
|
|
60
58
|
});
|
|
61
59
|
}
|
|
62
60
|
return /*#__PURE__*/React.createElement(React.Fragment, null, children, shouldDisplayShowMore && handleShowMore && /*#__PURE__*/React.createElement(Box, {
|
|
63
|
-
xcss: cx(
|
|
61
|
+
xcss: cx(styles.showMoreButtonBoxStyles)
|
|
64
62
|
}, /*#__PURE__*/React.createElement(ShowMoreButton, {
|
|
65
63
|
onShowMore: handleShowMore,
|
|
66
64
|
filterName: filterName
|
|
@@ -2,7 +2,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
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 { useDatasourceAnalyticsEvents } from '../../../../../analytics';
|
|
7
6
|
import { SpotSearchNoResult } from '../../../../../common/ui/spot/error-state/search-no-result';
|
|
8
7
|
import { SEARCH_DEBOUNCE_MS } from '../constants';
|
|
@@ -34,8 +33,8 @@ var CustomNoOptionsMessage = function CustomNoOptionsMessage(_ref) {
|
|
|
34
33
|
size: 'medium',
|
|
35
34
|
alt: formatMessage(asyncPopupSelectMessages.noOptionsMessage)
|
|
36
35
|
}),
|
|
37
|
-
message:
|
|
38
|
-
description:
|
|
36
|
+
message: asyncPopupSelectMessages.noOptionsMessage,
|
|
37
|
+
description: asyncPopupSelectMessages.noOptionsDescription,
|
|
39
38
|
testId: "".concat(filterName, "--no-options-message")
|
|
40
39
|
});
|
|
41
40
|
};
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
._zulppxbi{gap:var(--ds-space-200,1pc)}._19bvoahv{padding-left:var(--ds-space-600,3pc)}
|
|
3
|
-
._19bvutpp{padding-left:var(--ds-space-150,9pt)}
|
|
4
3
|
._4t3i16xz{height:6pc}
|
|
5
|
-
._4t3ivbgk{height:4pc}
|
|
6
4
|
._ca0q1jfw{padding-top:var(--ds-space-500,40px)}
|
|
7
|
-
._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
|
|
8
5
|
._n3td1jfw{padding-bottom:var(--ds-space-500,40px)}
|
|
9
|
-
._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
|
|
10
|
-
._otyrpxbi{margin-bottom:var(--ds-space-200,1pc)}
|
|
11
6
|
._u5f3oahv{padding-right:var(--ds-space-600,3pc)}
|
|
12
|
-
._u5f3utpp{padding-right:var(--ds-space-150,9pt)}
|
|
13
7
|
._y3gn1h6o{text-align:center}
|
|
@@ -4,12 +4,9 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { FormattedMessage } from 'react-intl-next';
|
|
6
6
|
import Heading from '@atlaskit/heading';
|
|
7
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
7
|
import { Flex, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
9
8
|
var styles = {
|
|
10
|
-
boxStylesOld: "_4t3ivbgk _otyrpxbi",
|
|
11
9
|
boxStyles: "_4t3i16xz",
|
|
12
|
-
stackStylesOld: "_ca0qu2gc _n3tdu2gc _19bvutpp _u5f3utpp",
|
|
13
10
|
stackStyles: "_zulppxbi _ca0q1jfw _n3td1jfw _19bvoahv _u5f3oahv _y3gn1h6o"
|
|
14
11
|
};
|
|
15
12
|
var CustomSelectMessage = function CustomSelectMessage(_ref) {
|
|
@@ -17,31 +14,18 @@ var CustomSelectMessage = function CustomSelectMessage(_ref) {
|
|
|
17
14
|
message = _ref.message,
|
|
18
15
|
description = _ref.description,
|
|
19
16
|
testId = _ref.testId;
|
|
20
|
-
if (fg('platform-linking-visual-refresh-sllv')) {
|
|
21
|
-
return /*#__PURE__*/React.createElement(Stack, {
|
|
22
|
-
xcss: styles.stackStyles,
|
|
23
|
-
testId: testId,
|
|
24
|
-
alignInline: "center"
|
|
25
|
-
}, /*#__PURE__*/React.createElement(Flex, {
|
|
26
|
-
xcss: styles.boxStyles,
|
|
27
|
-
alignItems: "center",
|
|
28
|
-
justifyContent: "center"
|
|
29
|
-
}, icon), /*#__PURE__*/React.createElement(Heading, {
|
|
30
|
-
size: "small"
|
|
31
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, message)), description && /*#__PURE__*/React.createElement(Text, {
|
|
32
|
-
size: "medium"
|
|
33
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, description)));
|
|
34
|
-
}
|
|
35
17
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
36
|
-
xcss: styles.
|
|
18
|
+
xcss: styles.stackStyles,
|
|
37
19
|
testId: testId,
|
|
38
20
|
alignInline: "center"
|
|
39
21
|
}, /*#__PURE__*/React.createElement(Flex, {
|
|
40
|
-
xcss: styles.
|
|
22
|
+
xcss: styles.boxStyles,
|
|
41
23
|
alignItems: "center",
|
|
42
24
|
justifyContent: "center"
|
|
43
25
|
}, icon), /*#__PURE__*/React.createElement(Heading, {
|
|
44
|
-
size: "
|
|
45
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, message))
|
|
26
|
+
size: "small"
|
|
27
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, message)), description && /*#__PURE__*/React.createElement(Text, {
|
|
28
|
+
size: "medium"
|
|
29
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, description)));
|
|
46
30
|
};
|
|
47
31
|
export default CustomSelectMessage;
|
|
@@ -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
|
var ShowMoreButton = function ShowMoreButton(_ref) {
|
|
@@ -19,18 +17,11 @@ var ShowMoreButton = function ShowMoreButton(_ref) {
|
|
|
19
17
|
});
|
|
20
18
|
onShowMore();
|
|
21
19
|
}, [filterName, fireEvent, onShowMore]);
|
|
22
|
-
|
|
23
|
-
return /*#__PURE__*/React.createElement(Button, {
|
|
24
|
-
onClick: handleShowMore,
|
|
25
|
-
appearance: "subtle",
|
|
26
|
-
testId: "".concat(filterName, "--show-more-button"),
|
|
27
|
-
spacing: "compact"
|
|
28
|
-
}, formatMessage(asyncPopupSelectMessages.showMoreMessage));
|
|
29
|
-
}
|
|
30
|
-
return /*#__PURE__*/React.createElement(ButtonOld, {
|
|
20
|
+
return /*#__PURE__*/React.createElement(Button, {
|
|
31
21
|
onClick: handleShowMore,
|
|
32
|
-
appearance: "
|
|
33
|
-
testId: "".concat(filterName, "--show-more-button")
|
|
22
|
+
appearance: "subtle",
|
|
23
|
+
testId: "".concat(filterName, "--show-more-button"),
|
|
24
|
+
spacing: "compact"
|
|
34
25
|
}, formatMessage(asyncPopupSelectMessages.showMoreMessage));
|
|
35
26
|
};
|
|
36
27
|
export default ShowMoreButton;
|
|
@@ -10,13 +10,10 @@ import Badge from '@atlaskit/badge';
|
|
|
10
10
|
import NewButton from '@atlaskit/button/new';
|
|
11
11
|
import Button from '@atlaskit/button/standard-button';
|
|
12
12
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
13
|
-
import ChevronDownIconOld from '@atlaskit/icon/core/migration/chevron-down';
|
|
14
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
15
13
|
import { Box, Flex } from '@atlaskit/primitives/compiled';
|
|
16
14
|
import Spinner from '@atlaskit/spinner';
|
|
17
15
|
var styles = {
|
|
18
16
|
triggerButtonLabelStyles: "_1reo15vq _18m915vq _1bto1l2s",
|
|
19
|
-
badgeStylesOld: "_18u01b66",
|
|
20
17
|
badgeStyles: "_18u0utpp"
|
|
21
18
|
};
|
|
22
19
|
|
|
@@ -57,7 +54,7 @@ var PopupTrigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
57
54
|
}, label));
|
|
58
55
|
}, [label, triggerButtonTestId]);
|
|
59
56
|
var DefaultButton = useCallback(function () {
|
|
60
|
-
return
|
|
57
|
+
return /*#__PURE__*/React.createElement(NewButton, {
|
|
61
58
|
isSelected: isSelected || hasOptions,
|
|
62
59
|
isDisabled: isDisabled,
|
|
63
60
|
iconAfter: function iconAfter() {
|
|
@@ -75,23 +72,6 @@ var PopupTrigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
75
72
|
alignItems: "center"
|
|
76
73
|
}, /*#__PURE__*/React.createElement(Badge, {
|
|
77
74
|
appearance: "primary"
|
|
78
|
-
}, "+", selectedOptions.length - 1)))) : /*#__PURE__*/React.createElement(Button, {
|
|
79
|
-
appearance: "default",
|
|
80
|
-
isSelected: isSelected || hasOptions,
|
|
81
|
-
isDisabled: isDisabled,
|
|
82
|
-
iconAfter: /*#__PURE__*/React.createElement(ChevronDownIconOld, {
|
|
83
|
-
label: "",
|
|
84
|
-
color: "currentColor",
|
|
85
|
-
size: "small"
|
|
86
|
-
}),
|
|
87
|
-
testId: "".concat(triggerButtonTestId, "--button")
|
|
88
|
-
}, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
|
|
89
|
-
xcss: styles.triggerButtonLabelStyles
|
|
90
|
-
}, label, firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
|
|
91
|
-
xcss: styles.badgeStylesOld,
|
|
92
|
-
alignItems: "center"
|
|
93
|
-
}, /*#__PURE__*/React.createElement(Badge, {
|
|
94
|
-
appearance: "primary"
|
|
95
75
|
}, "+", selectedOptions.length - 1))));
|
|
96
76
|
}, [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId]);
|
|
97
77
|
|
|
@@ -7,11 +7,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
7
7
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
8
|
import React from 'react';
|
|
9
9
|
import { FormattedMessage, FormattedNumber } from 'react-intl-next';
|
|
10
|
-
import Heading from '@atlaskit/heading';
|
|
11
10
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
11
|
import { Flex } from '@atlaskit/primitives/compiled';
|
|
13
12
|
import LinkUrl from '@atlaskit/smart-card/link-url';
|
|
14
|
-
import { N800 } from '@atlaskit/theme/colors';
|
|
15
13
|
import { footerMessages } from '../../../table-footer/messages';
|
|
16
14
|
import { searchCountMessages } from './messages';
|
|
17
15
|
var styles = {
|
|
@@ -29,16 +27,13 @@ var ItemCountWrapper = function ItemCountWrapper(_ref) {
|
|
|
29
27
|
}, /*#__PURE__*/React.createElement(LinkUrl, {
|
|
30
28
|
href: url,
|
|
31
29
|
target: "_blank",
|
|
32
|
-
testId: "item-count-url"
|
|
33
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
34
|
-
,
|
|
30
|
+
testId: "item-count-url",
|
|
35
31
|
style: _objectSpread({
|
|
36
|
-
|
|
32
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
33
|
+
color: "var(--ds-text-subtlest, #626F86)",
|
|
37
34
|
textDecoration: !url ? 'none' : ''
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
size: "xxsmall"
|
|
41
|
-
}, children)));
|
|
35
|
+
}, additionalStyles)
|
|
36
|
+
}, children));
|
|
42
37
|
};
|
|
43
38
|
export var AssetsItemCount = function AssetsItemCount(_ref2) {
|
|
44
39
|
var searchCount = _ref2.searchCount,
|
|
@@ -1,23 +1,17 @@
|
|
|
1
1
|
/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
|
|
2
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
4
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
5
|
-
var _excluded = ["isOpen"]
|
|
6
|
-
_excluded2 = ["width"],
|
|
7
|
-
_excluded3 = ["width"];
|
|
4
|
+
var _excluded = ["isOpen"];
|
|
8
5
|
import "./index.compiled.css";
|
|
9
6
|
import * as React from 'react';
|
|
10
7
|
import { ax, ix } from "@compiled/react/runtime";
|
|
11
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
8
|
import { useMemo } from 'react';
|
|
14
9
|
import { useIntl } from 'react-intl-next';
|
|
15
10
|
import Button from '@atlaskit/button/new';
|
|
16
11
|
import Heading from '@atlaskit/heading';
|
|
17
12
|
import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
|
|
18
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
19
13
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
20
|
-
import
|
|
14
|
+
import { PopupSelect } from '@atlaskit/select';
|
|
21
15
|
import { siteSelectorMessages } from './messages';
|
|
22
16
|
var styles = {
|
|
23
17
|
dropdownContainerStyles: "_zulpu2gc _1e0c1txw _4cvr1h6o _1tke1ylp"
|
|
@@ -52,12 +46,12 @@ export var SiteSelector = function SiteSelector(props) {
|
|
|
52
46
|
};
|
|
53
47
|
return /*#__PURE__*/React.createElement(Box, {
|
|
54
48
|
xcss: styles.dropdownContainerStyles
|
|
55
|
-
},
|
|
49
|
+
}, /*#__PURE__*/React.createElement(Heading, {
|
|
56
50
|
size: "medium",
|
|
57
51
|
as: "h1"
|
|
58
|
-
}, formatMessage(label))
|
|
52
|
+
}, formatMessage(label)), availableSites && availableSites.length > 1 && /*#__PURE__*/React.createElement("span", {
|
|
59
53
|
"data-testid": "".concat(testId, "--trigger")
|
|
60
|
-
},
|
|
54
|
+
}, /*#__PURE__*/React.createElement(PopupSelect, {
|
|
61
55
|
searchThreshold: 10,
|
|
62
56
|
maxMenuWidth: 300,
|
|
63
57
|
minMenuWidth: 300,
|
|
@@ -83,45 +77,5 @@ export var SiteSelector = function SiteSelector(props) {
|
|
|
83
77
|
testId: "".concat(testId, "__control")
|
|
84
78
|
}), (selectedSiteOption === null || selectedSiteOption === void 0 ? void 0 : selectedSiteOption.label) || formatMessage(siteSelectorMessages.chooseSite));
|
|
85
79
|
}
|
|
86
|
-
}) : /*#__PURE__*/React.createElement(Select, {
|
|
87
|
-
classNamePrefix: testId,
|
|
88
|
-
isLoading: !availableSites,
|
|
89
|
-
onChange: onChange,
|
|
90
|
-
options: availableSitesOptions,
|
|
91
|
-
placeholder: formatMessage(siteSelectorMessages.chooseSiteOld)
|
|
92
|
-
// eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
|
|
93
|
-
,
|
|
94
|
-
styles: {
|
|
95
|
-
container: function container(css) {
|
|
96
|
-
return _objectSpread(_objectSpread({}, css), {}, {
|
|
97
|
-
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
98
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
99
|
-
zIndex: 11
|
|
100
|
-
});
|
|
101
|
-
},
|
|
102
|
-
// prevents the popup menu with available sites from being too narrow
|
|
103
|
-
// if the selected site is much shorter than the other options
|
|
104
|
-
menu: function menu(_ref2) {
|
|
105
|
-
var width = _ref2.width,
|
|
106
|
-
css = _objectWithoutProperties(_ref2, _excluded2);
|
|
107
|
-
return _objectSpread(_objectSpread({}, css), {}, {
|
|
108
|
-
minWidth: '100%',
|
|
109
|
-
width: 'max-content',
|
|
110
|
-
// font-weight has to be overridden here so that it gets applied after the font styles in teh css element above
|
|
111
|
-
fontWeight: "var(--ds-font-weight-medium, 500)"
|
|
112
|
-
});
|
|
113
|
-
},
|
|
114
|
-
valueContainer: function valueContainer(_ref3) {
|
|
115
|
-
var width = _ref3.width,
|
|
116
|
-
css = _objectWithoutProperties(_ref3, _excluded3);
|
|
117
|
-
return _objectSpread(_objectSpread({}, css), {}, {
|
|
118
|
-
// font-weight has to be overridden here so that it gets applied after the font styles in teh css element above
|
|
119
|
-
fontWeight: "var(--ds-font-weight-medium, 500)"
|
|
120
|
-
});
|
|
121
|
-
}
|
|
122
|
-
},
|
|
123
|
-
testId: testId,
|
|
124
|
-
value: selectedSiteOption,
|
|
125
|
-
label: formatMessage(siteSelectorMessages.chooseSiteOld)
|
|
126
80
|
})));
|
|
127
81
|
};
|
|
@@ -1,19 +1,8 @@
|
|
|
1
1
|
import { defineMessages } from 'react-intl-next';
|
|
2
2
|
export var 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/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/trigger.js
CHANGED
|
@@ -1,47 +1,23 @@
|
|
|
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 var PopupTrigger = function PopupTrigger(_ref) {
|
|
9
6
|
var triggerProps = _ref.triggerProps,
|
|
10
7
|
isSelected = _ref.isSelected,
|
|
11
8
|
labelPrefix = _ref.labelPrefix,
|
|
12
9
|
selectedLabel = _ref.selectedLabel,
|
|
13
10
|
onClick = _ref.onClick;
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/React.createElement(NewButton, _extends({}, triggerProps, {
|
|
16
|
-
testId: 'confluence-search-modal--date-range-button',
|
|
17
|
-
onClick: onClick,
|
|
18
|
-
isSelected: isSelected,
|
|
19
|
-
iconAfter: function iconAfter() {
|
|
20
|
-
return /*#__PURE__*/React.createElement(ChevronDownIcon, {
|
|
21
|
-
label: "",
|
|
22
|
-
color: "currentColor",
|
|
23
|
-
size: "small"
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
}), labelPrefix, selectedLabel ? ": ".concat(selectedLabel) : '');
|
|
27
|
-
}
|
|
28
|
-
return /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
|
|
11
|
+
return /*#__PURE__*/React.createElement(NewButton, _extends({}, triggerProps, {
|
|
29
12
|
testId: 'confluence-search-modal--date-range-button',
|
|
30
13
|
onClick: onClick,
|
|
31
14
|
isSelected: isSelected,
|
|
32
|
-
iconAfter:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
}, /*#__PURE__*/React.createElement(ChevronDownIconOld, {
|
|
41
|
-
LEGACY_size: "medium",
|
|
42
|
-
label: "",
|
|
43
|
-
color: "currentColor",
|
|
44
|
-
size: "small"
|
|
45
|
-
}))
|
|
15
|
+
iconAfter: function iconAfter() {
|
|
16
|
+
return /*#__PURE__*/React.createElement(ChevronDownIcon, {
|
|
17
|
+
label: "",
|
|
18
|
+
color: "currentColor",
|
|
19
|
+
size: "small"
|
|
20
|
+
});
|
|
21
|
+
}
|
|
46
22
|
}), labelPrefix, selectedLabel ? ": ".concat(selectedLabel) : '');
|
|
47
23
|
};
|