@atlaskit/link-datasource 4.30.11 → 4.30.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/cjs/ui/datasource-table-view/datasourceTableView.js +12 -21
- package/dist/cjs/ui/issue-like-table/edit-type/icon/index.js +14 -3
- package/dist/cjs/ui/issue-like-table/edit-type/status/index.js +10 -2
- package/dist/cjs/ui/issue-like-table/edit-type/user/index.js +11 -2
- package/dist/es2019/ui/datasource-table-view/datasourceTableView.js +12 -21
- package/dist/es2019/ui/issue-like-table/edit-type/icon/index.js +12 -3
- package/dist/es2019/ui/issue-like-table/edit-type/status/index.js +10 -2
- package/dist/es2019/ui/issue-like-table/edit-type/user/index.js +11 -2
- package/dist/esm/ui/datasource-table-view/datasourceTableView.js +12 -21
- package/dist/esm/ui/issue-like-table/edit-type/icon/index.js +14 -3
- package/dist/esm/ui/issue-like-table/edit-type/status/index.js +10 -2
- package/dist/esm/ui/issue-like-table/edit-type/user/index.js +11 -2
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/link-datasource
|
|
2
2
|
|
|
3
|
+
## 4.30.13
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`a5c4fbb84f7a8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a5c4fbb84f7a8) -
|
|
8
|
+
Feature gate cleanup: navx-1334-datasource-deep-compare-params
|
|
9
|
+
|
|
10
|
+
## 4.30.12
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`0d3d41bac507d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0d3d41bac507d) -
|
|
15
|
+
Add optional chaining to filter options on edit type, behind fg navx-sllv-fix-inline-edit-error
|
|
16
|
+
|
|
3
17
|
## 4.30.11
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -87,27 +87,18 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
|
|
|
87
87
|
var hasColumns = !!columns.length;
|
|
88
88
|
var isDataReady = hasColumns && responseItems.length > 0 && totalCount && totalCount > 0;
|
|
89
89
|
visibleColumnCount.current = (visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0;
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
} else {
|
|
103
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
104
|
-
(0, _react.useEffect)(function () {
|
|
105
|
-
if (!isInitialRender.current) {
|
|
106
|
-
reset();
|
|
107
|
-
}
|
|
108
|
-
isInitialRender.current = false;
|
|
109
|
-
}, [reset, parameters]);
|
|
110
|
-
}
|
|
90
|
+
|
|
91
|
+
// parameters is an object that we want to track, and when something inside it changes we want to
|
|
92
|
+
// call effect callback. Normal useEffect will not do deep comparison, but only reference one.
|
|
93
|
+
// This hook will do deep comparison making sure we don't call reset() when only reference to an object
|
|
94
|
+
// has changed but not the content.
|
|
95
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
96
|
+
(0, _useDeepEffect.useDeepEffect)(function () {
|
|
97
|
+
if (!isInitialRender.current) {
|
|
98
|
+
reset();
|
|
99
|
+
}
|
|
100
|
+
isInitialRender.current = false;
|
|
101
|
+
}, [reset, parameters]);
|
|
111
102
|
(0, _react.useEffect)(function () {
|
|
112
103
|
if (onVisibleColumnKeysChange && (visibleColumnKeys || []).length === 0 && defaultVisibleColumnKeys.length > 0) {
|
|
113
104
|
onVisibleColumnKeysChange(defaultVisibleColumnKeys);
|
|
@@ -9,6 +9,7 @@ exports.default = void 0;
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _layering = require("@atlaskit/layering");
|
|
12
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
13
|
var _select = _interopRequireDefault(require("@atlaskit/select"));
|
|
13
14
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
14
15
|
var _ufoExperiences = require("../../../../analytics/ufoExperiences");
|
|
@@ -53,12 +54,14 @@ var IconEditType = function IconEditType(props) {
|
|
|
53
54
|
// We can't update this field if we don't have an ID - however the ID
|
|
54
55
|
// is typed optional.
|
|
55
56
|
,
|
|
56
|
-
options: options.filter(function (option) {
|
|
57
|
+
options: (0, _platformFeatureFlags.fg)('navx-sllv-fix-inline-edit-error') ? options === null || options === void 0 ? void 0 : options.filter(function (option) {
|
|
58
|
+
return option.id;
|
|
59
|
+
}) : options.filter(function (option) {
|
|
57
60
|
return option.id;
|
|
58
61
|
}),
|
|
59
62
|
menuPlacement: "auto",
|
|
60
63
|
isLoading: isLoading,
|
|
61
|
-
filterOption:
|
|
64
|
+
filterOption: (0, _platformFeatureFlags.fg)('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
|
|
62
65
|
testId: "inline-edit-priority",
|
|
63
66
|
value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
64
67
|
labelId: labelId,
|
|
@@ -86,7 +89,15 @@ var IconEditType = function IconEditType(props) {
|
|
|
86
89
|
}
|
|
87
90
|
})));
|
|
88
91
|
};
|
|
89
|
-
|
|
92
|
+
|
|
93
|
+
/**
|
|
94
|
+
* Remove on navx-sllv-fix-inline-edit-error cleanup
|
|
95
|
+
*/
|
|
96
|
+
var filterOptionOld = function filterOptionOld(option, inputValue) {
|
|
90
97
|
return option.label.toLowerCase().includes(inputValue.toLowerCase());
|
|
91
98
|
};
|
|
99
|
+
var filterOptionNew = function filterOptionNew(option, inputValue) {
|
|
100
|
+
var _option$label, _option$label$toLower;
|
|
101
|
+
return (_option$label = option.label) === null || _option$label === void 0 || (_option$label$toLower = _option$label.toLowerCase) === null || _option$label$toLower === void 0 || (_option$label$toLower = _option$label$toLower.call(_option$label)) === null || _option$label$toLower === void 0 ? void 0 : _option$label$toLower.includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
|
|
102
|
+
};
|
|
92
103
|
var _default = exports.default = IconEditType;
|
|
@@ -54,7 +54,7 @@ var StatusEditType = function StatusEditType(props) {
|
|
|
54
54
|
blurInputOnSelect: true,
|
|
55
55
|
menuPlacement: "auto",
|
|
56
56
|
isLoading: isLoading,
|
|
57
|
-
filterOption:
|
|
57
|
+
filterOption: (0, _platformFeatureFlags.fg)('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
|
|
58
58
|
testId: "inline-edit-status",
|
|
59
59
|
getOptionValue: function getOptionValue(option) {
|
|
60
60
|
return option.text;
|
|
@@ -82,7 +82,15 @@ var StatusEditType = function StatusEditType(props) {
|
|
|
82
82
|
}
|
|
83
83
|
})));
|
|
84
84
|
};
|
|
85
|
-
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* Remove on navx-sllv-fix-inline-edit-error cleanup
|
|
88
|
+
*/
|
|
89
|
+
var filterOptionOld = function filterOptionOld(option, inputValue) {
|
|
86
90
|
return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
|
|
87
91
|
};
|
|
92
|
+
var filterOptionNew = function filterOptionNew(option, inputValue) {
|
|
93
|
+
var _option$data, _option$data$toLowerC, _inputValue$toLowerCa;
|
|
94
|
+
return (_option$data = option.data) === null || _option$data === void 0 || (_option$data = _option$data.text) === null || _option$data === void 0 || (_option$data$toLowerC = _option$data.toLowerCase) === null || _option$data$toLowerC === void 0 || (_option$data$toLowerC = _option$data$toLowerC.call(_option$data)) === null || _option$data$toLowerC === void 0 ? void 0 : _option$data$toLowerC.includes(inputValue === null || inputValue === void 0 || (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue));
|
|
95
|
+
};
|
|
88
96
|
var _default = exports.default = StatusEditType;
|
|
@@ -13,6 +13,7 @@ var _reactIntlNext = require("react-intl-next");
|
|
|
13
13
|
var _useDebounce = require("use-debounce");
|
|
14
14
|
var _avatar = _interopRequireWildcard(require("@atlaskit/avatar"));
|
|
15
15
|
var _layering = require("@atlaskit/layering");
|
|
16
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
17
|
var _select = _interopRequireDefault(require("@atlaskit/select"));
|
|
17
18
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
18
19
|
var _ufoExperiences = require("../../../../analytics/ufoExperiences");
|
|
@@ -83,7 +84,7 @@ var UserEditType = function UserEditType(props) {
|
|
|
83
84
|
options: options,
|
|
84
85
|
isLoading: isLoading,
|
|
85
86
|
testId: "inline-edit-user",
|
|
86
|
-
filterOption:
|
|
87
|
+
filterOption: (0, _platformFeatureFlags.fg)('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
|
|
87
88
|
menuPlacement: "auto",
|
|
88
89
|
onInputChange: handleUserInputDebounced,
|
|
89
90
|
value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
@@ -116,8 +117,16 @@ var UserEditType = function UserEditType(props) {
|
|
|
116
117
|
}
|
|
117
118
|
})));
|
|
118
119
|
};
|
|
119
|
-
|
|
120
|
+
|
|
121
|
+
/**
|
|
122
|
+
* Remove on navx-sllv-fix-inline-edit-error cleanup
|
|
123
|
+
*/
|
|
124
|
+
var filterOptionOld = function filterOptionOld(option, inputValue) {
|
|
120
125
|
var _option$data$displayN, _option$data$displayN2;
|
|
121
126
|
return (_option$data$displayN = (_option$data$displayN2 = option.data.displayName) === null || _option$data$displayN2 === void 0 ? void 0 : _option$data$displayN2.toLowerCase().includes(inputValue.toLowerCase())) !== null && _option$data$displayN !== void 0 ? _option$data$displayN : false;
|
|
122
127
|
};
|
|
128
|
+
var filterOptionNew = function filterOptionNew(option, inputValue) {
|
|
129
|
+
var _option$data$displayN3, _option$data, _option$data$toLowerC, _inputValue$toLowerCa;
|
|
130
|
+
return (_option$data$displayN3 = (_option$data = option.data) === null || _option$data === void 0 || (_option$data = _option$data.displayName) === null || _option$data === void 0 || (_option$data$toLowerC = _option$data.toLowerCase) === null || _option$data$toLowerC === void 0 || (_option$data$toLowerC = _option$data$toLowerC.call(_option$data)) === null || _option$data$toLowerC === void 0 ? void 0 : _option$data$toLowerC.includes(inputValue === null || inputValue === void 0 || (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue))) !== null && _option$data$displayN3 !== void 0 ? _option$data$displayN3 : false;
|
|
131
|
+
};
|
|
123
132
|
var _default = exports.default = UserEditType;
|
|
@@ -79,27 +79,18 @@ const DatasourceTableViewWithoutAnalytics = ({
|
|
|
79
79
|
const hasColumns = !!columns.length;
|
|
80
80
|
const isDataReady = hasColumns && responseItems.length > 0 && totalCount && totalCount > 0;
|
|
81
81
|
visibleColumnCount.current = (visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0;
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
} else {
|
|
95
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
96
|
-
useEffect(() => {
|
|
97
|
-
if (!isInitialRender.current) {
|
|
98
|
-
reset();
|
|
99
|
-
}
|
|
100
|
-
isInitialRender.current = false;
|
|
101
|
-
}, [reset, parameters]);
|
|
102
|
-
}
|
|
82
|
+
|
|
83
|
+
// parameters is an object that we want to track, and when something inside it changes we want to
|
|
84
|
+
// call effect callback. Normal useEffect will not do deep comparison, but only reference one.
|
|
85
|
+
// This hook will do deep comparison making sure we don't call reset() when only reference to an object
|
|
86
|
+
// has changed but not the content.
|
|
87
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
88
|
+
useDeepEffect(() => {
|
|
89
|
+
if (!isInitialRender.current) {
|
|
90
|
+
reset();
|
|
91
|
+
}
|
|
92
|
+
isInitialRender.current = false;
|
|
93
|
+
}, [reset, parameters]);
|
|
103
94
|
useEffect(() => {
|
|
104
95
|
if (onVisibleColumnKeysChange && (visibleColumnKeys || []).length === 0 && defaultVisibleColumnKeys.length > 0) {
|
|
105
96
|
onVisibleColumnKeysChange(defaultVisibleColumnKeys);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
3
|
import { Layering } from '@atlaskit/layering';
|
|
4
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
5
|
import Select from '@atlaskit/select';
|
|
5
6
|
import Tooltip from '@atlaskit/tooltip';
|
|
6
7
|
import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
|
|
@@ -47,10 +48,10 @@ const IconEditType = props => {
|
|
|
47
48
|
// We can't update this field if we don't have an ID - however the ID
|
|
48
49
|
// is typed optional.
|
|
49
50
|
,
|
|
50
|
-
options: options.filter(option => option.id),
|
|
51
|
+
options: fg('navx-sllv-fix-inline-edit-error') ? options === null || options === void 0 ? void 0 : options.filter(option => option.id) : options.filter(option => option.id),
|
|
51
52
|
menuPlacement: "auto",
|
|
52
53
|
isLoading: isLoading,
|
|
53
|
-
filterOption:
|
|
54
|
+
filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
|
|
54
55
|
testId: "inline-edit-priority",
|
|
55
56
|
value: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
56
57
|
labelId: labelId,
|
|
@@ -73,5 +74,13 @@ const IconEditType = props => {
|
|
|
73
74
|
})
|
|
74
75
|
})));
|
|
75
76
|
};
|
|
76
|
-
|
|
77
|
+
|
|
78
|
+
/**
|
|
79
|
+
* Remove on navx-sllv-fix-inline-edit-error cleanup
|
|
80
|
+
*/
|
|
81
|
+
const filterOptionOld = (option, inputValue) => option.label.toLowerCase().includes(inputValue.toLowerCase());
|
|
82
|
+
const filterOptionNew = (option, inputValue) => {
|
|
83
|
+
var _option$label, _option$label$toLower, _option$label$toLower2;
|
|
84
|
+
return (_option$label = option.label) === null || _option$label === void 0 ? void 0 : (_option$label$toLower = _option$label.toLowerCase) === null || _option$label$toLower === void 0 ? void 0 : (_option$label$toLower2 = _option$label$toLower.call(_option$label)) === null || _option$label$toLower2 === void 0 ? void 0 : _option$label$toLower2.includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
|
|
85
|
+
};
|
|
77
86
|
export default IconEditType;
|
|
@@ -48,7 +48,7 @@ const StatusEditType = props => {
|
|
|
48
48
|
blurInputOnSelect: true,
|
|
49
49
|
menuPlacement: "auto",
|
|
50
50
|
isLoading: isLoading,
|
|
51
|
-
filterOption:
|
|
51
|
+
filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
|
|
52
52
|
testId: "inline-edit-status",
|
|
53
53
|
getOptionValue: option => option.text,
|
|
54
54
|
value: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
@@ -70,5 +70,13 @@ const StatusEditType = props => {
|
|
|
70
70
|
})
|
|
71
71
|
})));
|
|
72
72
|
};
|
|
73
|
-
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
* Remove on navx-sllv-fix-inline-edit-error cleanup
|
|
76
|
+
*/
|
|
77
|
+
const filterOptionOld = (option, inputValue) => option.data.text.toLowerCase().includes(inputValue.toLowerCase());
|
|
78
|
+
const filterOptionNew = (option, inputValue) => {
|
|
79
|
+
var _option$data, _option$data$text, _option$data$text$toL, _option$data$text$toL2, _inputValue$toLowerCa;
|
|
80
|
+
return (_option$data = option.data) === null || _option$data === void 0 ? void 0 : (_option$data$text = _option$data.text) === null || _option$data$text === void 0 ? void 0 : (_option$data$text$toL = _option$data$text.toLowerCase) === null || _option$data$text$toL === void 0 ? void 0 : (_option$data$text$toL2 = _option$data$text$toL.call(_option$data$text)) === null || _option$data$text$toL2 === void 0 ? void 0 : _option$data$text$toL2.includes(inputValue === null || inputValue === void 0 ? void 0 : (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue));
|
|
81
|
+
};
|
|
74
82
|
export default StatusEditType;
|
|
@@ -4,6 +4,7 @@ import { useIntl } from 'react-intl-next';
|
|
|
4
4
|
import { useDebouncedCallback } from 'use-debounce';
|
|
5
5
|
import Avatar, { AvatarItem } from '@atlaskit/avatar';
|
|
6
6
|
import { Layering } from '@atlaskit/layering';
|
|
7
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
8
|
import Select from '@atlaskit/select';
|
|
8
9
|
import Tooltip from '@atlaskit/tooltip';
|
|
9
10
|
import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
|
|
@@ -68,7 +69,7 @@ const UserEditType = props => {
|
|
|
68
69
|
options: options,
|
|
69
70
|
isLoading: isLoading,
|
|
70
71
|
testId: "inline-edit-user",
|
|
71
|
-
filterOption:
|
|
72
|
+
filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
|
|
72
73
|
menuPlacement: "auto",
|
|
73
74
|
onInputChange: handleUserInputDebounced,
|
|
74
75
|
value: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
@@ -95,8 +96,16 @@ const UserEditType = props => {
|
|
|
95
96
|
})
|
|
96
97
|
})));
|
|
97
98
|
};
|
|
98
|
-
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* Remove on navx-sllv-fix-inline-edit-error cleanup
|
|
102
|
+
*/
|
|
103
|
+
const filterOptionOld = (option, inputValue) => {
|
|
99
104
|
var _option$data$displayN, _option$data$displayN2;
|
|
100
105
|
return (_option$data$displayN = (_option$data$displayN2 = option.data.displayName) === null || _option$data$displayN2 === void 0 ? void 0 : _option$data$displayN2.toLowerCase().includes(inputValue.toLowerCase())) !== null && _option$data$displayN !== void 0 ? _option$data$displayN : false;
|
|
101
106
|
};
|
|
107
|
+
const filterOptionNew = (option, inputValue) => {
|
|
108
|
+
var _option$data$displayN3, _option$data, _option$data$displayN4, _option$data$displayN5, _option$data$displayN6, _inputValue$toLowerCa;
|
|
109
|
+
return (_option$data$displayN3 = (_option$data = option.data) === null || _option$data === void 0 ? void 0 : (_option$data$displayN4 = _option$data.displayName) === null || _option$data$displayN4 === void 0 ? void 0 : (_option$data$displayN5 = _option$data$displayN4.toLowerCase) === null || _option$data$displayN5 === void 0 ? void 0 : (_option$data$displayN6 = _option$data$displayN5.call(_option$data$displayN4)) === null || _option$data$displayN6 === void 0 ? void 0 : _option$data$displayN6.includes(inputValue === null || inputValue === void 0 ? void 0 : (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue))) !== null && _option$data$displayN3 !== void 0 ? _option$data$displayN3 : false;
|
|
110
|
+
};
|
|
102
111
|
export default UserEditType;
|
|
@@ -78,27 +78,18 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
|
|
|
78
78
|
var hasColumns = !!columns.length;
|
|
79
79
|
var isDataReady = hasColumns && responseItems.length > 0 && totalCount && totalCount > 0;
|
|
80
80
|
visibleColumnCount.current = (visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0;
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
} else {
|
|
94
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
95
|
-
useEffect(function () {
|
|
96
|
-
if (!isInitialRender.current) {
|
|
97
|
-
reset();
|
|
98
|
-
}
|
|
99
|
-
isInitialRender.current = false;
|
|
100
|
-
}, [reset, parameters]);
|
|
101
|
-
}
|
|
81
|
+
|
|
82
|
+
// parameters is an object that we want to track, and when something inside it changes we want to
|
|
83
|
+
// call effect callback. Normal useEffect will not do deep comparison, but only reference one.
|
|
84
|
+
// This hook will do deep comparison making sure we don't call reset() when only reference to an object
|
|
85
|
+
// has changed but not the content.
|
|
86
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
87
|
+
useDeepEffect(function () {
|
|
88
|
+
if (!isInitialRender.current) {
|
|
89
|
+
reset();
|
|
90
|
+
}
|
|
91
|
+
isInitialRender.current = false;
|
|
92
|
+
}, [reset, parameters]);
|
|
102
93
|
useEffect(function () {
|
|
103
94
|
if (onVisibleColumnKeysChange && (visibleColumnKeys || []).length === 0 && defaultVisibleColumnKeys.length > 0) {
|
|
104
95
|
onVisibleColumnKeysChange(defaultVisibleColumnKeys);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
3
|
import { Layering } from '@atlaskit/layering';
|
|
4
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
5
|
import Select from '@atlaskit/select';
|
|
5
6
|
import Tooltip from '@atlaskit/tooltip';
|
|
6
7
|
import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
|
|
@@ -44,12 +45,14 @@ var IconEditType = function IconEditType(props) {
|
|
|
44
45
|
// We can't update this field if we don't have an ID - however the ID
|
|
45
46
|
// is typed optional.
|
|
46
47
|
,
|
|
47
|
-
options: options.filter(function (option) {
|
|
48
|
+
options: fg('navx-sllv-fix-inline-edit-error') ? options === null || options === void 0 ? void 0 : options.filter(function (option) {
|
|
49
|
+
return option.id;
|
|
50
|
+
}) : options.filter(function (option) {
|
|
48
51
|
return option.id;
|
|
49
52
|
}),
|
|
50
53
|
menuPlacement: "auto",
|
|
51
54
|
isLoading: isLoading,
|
|
52
|
-
filterOption:
|
|
55
|
+
filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
|
|
53
56
|
testId: "inline-edit-priority",
|
|
54
57
|
value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
55
58
|
labelId: labelId,
|
|
@@ -77,7 +80,15 @@ var IconEditType = function IconEditType(props) {
|
|
|
77
80
|
}
|
|
78
81
|
})));
|
|
79
82
|
};
|
|
80
|
-
|
|
83
|
+
|
|
84
|
+
/**
|
|
85
|
+
* Remove on navx-sllv-fix-inline-edit-error cleanup
|
|
86
|
+
*/
|
|
87
|
+
var filterOptionOld = function filterOptionOld(option, inputValue) {
|
|
81
88
|
return option.label.toLowerCase().includes(inputValue.toLowerCase());
|
|
82
89
|
};
|
|
90
|
+
var filterOptionNew = function filterOptionNew(option, inputValue) {
|
|
91
|
+
var _option$label, _option$label$toLower;
|
|
92
|
+
return (_option$label = option.label) === null || _option$label === void 0 || (_option$label$toLower = _option$label.toLowerCase) === null || _option$label$toLower === void 0 || (_option$label$toLower = _option$label$toLower.call(_option$label)) === null || _option$label$toLower === void 0 ? void 0 : _option$label$toLower.includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
|
|
93
|
+
};
|
|
83
94
|
export default IconEditType;
|
|
@@ -45,7 +45,7 @@ var StatusEditType = function StatusEditType(props) {
|
|
|
45
45
|
blurInputOnSelect: true,
|
|
46
46
|
menuPlacement: "auto",
|
|
47
47
|
isLoading: isLoading,
|
|
48
|
-
filterOption:
|
|
48
|
+
filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
|
|
49
49
|
testId: "inline-edit-status",
|
|
50
50
|
getOptionValue: function getOptionValue(option) {
|
|
51
51
|
return option.text;
|
|
@@ -73,7 +73,15 @@ var StatusEditType = function StatusEditType(props) {
|
|
|
73
73
|
}
|
|
74
74
|
})));
|
|
75
75
|
};
|
|
76
|
-
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* Remove on navx-sllv-fix-inline-edit-error cleanup
|
|
79
|
+
*/
|
|
80
|
+
var filterOptionOld = function filterOptionOld(option, inputValue) {
|
|
77
81
|
return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
|
|
78
82
|
};
|
|
83
|
+
var filterOptionNew = function filterOptionNew(option, inputValue) {
|
|
84
|
+
var _option$data, _option$data$toLowerC, _inputValue$toLowerCa;
|
|
85
|
+
return (_option$data = option.data) === null || _option$data === void 0 || (_option$data = _option$data.text) === null || _option$data === void 0 || (_option$data$toLowerC = _option$data.toLowerCase) === null || _option$data$toLowerC === void 0 || (_option$data$toLowerC = _option$data$toLowerC.call(_option$data)) === null || _option$data$toLowerC === void 0 ? void 0 : _option$data$toLowerC.includes(inputValue === null || inputValue === void 0 || (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue));
|
|
86
|
+
};
|
|
79
87
|
export default StatusEditType;
|
|
@@ -5,6 +5,7 @@ import { useIntl } from 'react-intl-next';
|
|
|
5
5
|
import { useDebouncedCallback } from 'use-debounce';
|
|
6
6
|
import Avatar, { AvatarItem } from '@atlaskit/avatar';
|
|
7
7
|
import { Layering } from '@atlaskit/layering';
|
|
8
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
9
|
import Select from '@atlaskit/select';
|
|
9
10
|
import Tooltip from '@atlaskit/tooltip';
|
|
10
11
|
import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
|
|
@@ -74,7 +75,7 @@ var UserEditType = function UserEditType(props) {
|
|
|
74
75
|
options: options,
|
|
75
76
|
isLoading: isLoading,
|
|
76
77
|
testId: "inline-edit-user",
|
|
77
|
-
filterOption:
|
|
78
|
+
filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
|
|
78
79
|
menuPlacement: "auto",
|
|
79
80
|
onInputChange: handleUserInputDebounced,
|
|
80
81
|
value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
|
|
@@ -107,8 +108,16 @@ var UserEditType = function UserEditType(props) {
|
|
|
107
108
|
}
|
|
108
109
|
})));
|
|
109
110
|
};
|
|
110
|
-
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* Remove on navx-sllv-fix-inline-edit-error cleanup
|
|
114
|
+
*/
|
|
115
|
+
var filterOptionOld = function filterOptionOld(option, inputValue) {
|
|
111
116
|
var _option$data$displayN, _option$data$displayN2;
|
|
112
117
|
return (_option$data$displayN = (_option$data$displayN2 = option.data.displayName) === null || _option$data$displayN2 === void 0 ? void 0 : _option$data$displayN2.toLowerCase().includes(inputValue.toLowerCase())) !== null && _option$data$displayN !== void 0 ? _option$data$displayN : false;
|
|
113
118
|
};
|
|
119
|
+
var filterOptionNew = function filterOptionNew(option, inputValue) {
|
|
120
|
+
var _option$data$displayN3, _option$data, _option$data$toLowerC, _inputValue$toLowerCa;
|
|
121
|
+
return (_option$data$displayN3 = (_option$data = option.data) === null || _option$data === void 0 || (_option$data = _option$data.displayName) === null || _option$data === void 0 || (_option$data$toLowerC = _option$data.toLowerCase) === null || _option$data$toLowerC === void 0 || (_option$data$toLowerC = _option$data$toLowerC.call(_option$data)) === null || _option$data$toLowerC === void 0 ? void 0 : _option$data$toLowerC.includes(inputValue === null || inputValue === void 0 || (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue))) !== null && _option$data$displayN3 !== void 0 ? _option$data$displayN3 : false;
|
|
122
|
+
};
|
|
114
123
|
export default UserEditType;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/link-datasource",
|
|
3
|
-
"version": "4.30.
|
|
3
|
+
"version": "4.30.13",
|
|
4
4
|
"description": "UI Components to support linking platform dataset feature",
|
|
5
5
|
"author": "Atlassian Pty Ltd",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -43,14 +43,14 @@
|
|
|
43
43
|
"@atlaskit/avatar": "^25.5.0",
|
|
44
44
|
"@atlaskit/avatar-group": "^12.4.0",
|
|
45
45
|
"@atlaskit/badge": "^18.2.0",
|
|
46
|
-
"@atlaskit/button": "^23.
|
|
46
|
+
"@atlaskit/button": "^23.7.0",
|
|
47
47
|
"@atlaskit/css": "^0.17.0",
|
|
48
|
-
"@atlaskit/datetime-picker": "^17.
|
|
48
|
+
"@atlaskit/datetime-picker": "^17.2.0",
|
|
49
49
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
50
50
|
"@atlaskit/editor-prosemirror": "7.0.0",
|
|
51
51
|
"@atlaskit/empty-state": "^10.1.0",
|
|
52
52
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
53
|
-
"@atlaskit/flag": "^17.
|
|
53
|
+
"@atlaskit/flag": "^17.6.0",
|
|
54
54
|
"@atlaskit/form": "^14.3.0",
|
|
55
55
|
"@atlaskit/heading": "^5.2.0",
|
|
56
56
|
"@atlaskit/icon": "^29.0.0",
|
|
@@ -69,22 +69,22 @@
|
|
|
69
69
|
"@atlaskit/linking-types": "^14.2.0",
|
|
70
70
|
"@atlaskit/logo": "^19.9.0",
|
|
71
71
|
"@atlaskit/lozenge": "^13.1.0",
|
|
72
|
-
"@atlaskit/modal-dialog": "^14.
|
|
72
|
+
"@atlaskit/modal-dialog": "^14.8.0",
|
|
73
73
|
"@atlaskit/outbound-auth-flow-client": "^3.4.0",
|
|
74
74
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
75
|
-
"@atlaskit/popup": "^4.
|
|
75
|
+
"@atlaskit/popup": "^4.7.0",
|
|
76
76
|
"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
|
|
77
77
|
"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
|
|
78
78
|
"@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^2.0.0",
|
|
79
79
|
"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
|
|
80
80
|
"@atlaskit/primitives": "^16.4.0",
|
|
81
|
-
"@atlaskit/react-select": "^3.
|
|
82
|
-
"@atlaskit/select": "^21.
|
|
81
|
+
"@atlaskit/react-select": "^3.10.0",
|
|
82
|
+
"@atlaskit/select": "^21.5.0",
|
|
83
83
|
"@atlaskit/smart-card": "^43.14.0",
|
|
84
84
|
"@atlaskit/smart-user-picker": "^8.5.0",
|
|
85
85
|
"@atlaskit/spinner": "^19.0.0",
|
|
86
86
|
"@atlaskit/tag": "^14.1.0",
|
|
87
|
-
"@atlaskit/textfield": "^8.
|
|
87
|
+
"@atlaskit/textfield": "^8.2.0",
|
|
88
88
|
"@atlaskit/theme": "^21.0.0",
|
|
89
89
|
"@atlaskit/tokens": "^8.4.0",
|
|
90
90
|
"@atlaskit/tooltip": "^20.11.0",
|
|
@@ -176,10 +176,10 @@
|
|
|
176
176
|
"lp_enable_datasource-table-view_height_override": {
|
|
177
177
|
"type": "boolean"
|
|
178
178
|
},
|
|
179
|
-
"navx-
|
|
179
|
+
"navx-1895-new-logo-design": {
|
|
180
180
|
"type": "boolean"
|
|
181
181
|
},
|
|
182
|
-
"navx-
|
|
182
|
+
"navx-sllv-fix-inline-edit-error": {
|
|
183
183
|
"type": "boolean"
|
|
184
184
|
},
|
|
185
185
|
"platform_navx_jira_sllv_rich_text_gate": {
|