@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 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
- if ((0, _platformFeatureFlags.fg)('navx-1334-datasource-deep-compare-params')) {
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]);
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: 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
- var filterOption = function filterOption(option, inputValue) {
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: 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
- var filterOption = function filterOption(option, inputValue) {
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: 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
- var filterOption = function filterOption(option, inputValue) {
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
- if (fg('navx-1334-datasource-deep-compare-params')) {
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]);
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: 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
- const filterOption = (option, inputValue) => option.label.toLowerCase().includes(inputValue.toLowerCase());
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: 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
- const filterOption = (option, inputValue) => option.data.text.toLowerCase().includes(inputValue.toLowerCase());
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: 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
- const filterOption = (option, inputValue) => {
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
- if (fg('navx-1334-datasource-deep-compare-params')) {
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]);
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: 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
- var filterOption = function filterOption(option, inputValue) {
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: 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
- var filterOption = function filterOption(option, inputValue) {
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: 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
- var filterOption = function filterOption(option, inputValue) {
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.11",
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.6.0",
46
+ "@atlaskit/button": "^23.7.0",
47
47
  "@atlaskit/css": "^0.17.0",
48
- "@atlaskit/datetime-picker": "^17.1.0",
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.5.0",
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.7.0",
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.6.0",
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.9.0",
82
- "@atlaskit/select": "^21.4.0",
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.1.0",
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-1334-datasource-deep-compare-params": {
179
+ "navx-1895-new-logo-design": {
180
180
  "type": "boolean"
181
181
  },
182
- "navx-1895-new-logo-design": {
182
+ "navx-sllv-fix-inline-edit-error": {
183
183
  "type": "boolean"
184
184
  },
185
185
  "platform_navx_jira_sllv_rich_text_gate": {