@atlaskit/link-datasource 4.30.11 → 4.30.12

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,12 @@
1
1
  # @atlaskit/link-datasource
2
2
 
3
+ ## 4.30.12
4
+
5
+ ### Patch Changes
6
+
7
+ - [`0d3d41bac507d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0d3d41bac507d) -
8
+ Add optional chaining to filter options on edit type, behind fg navx-sllv-fix-inline-edit-error
9
+
3
10
  ## 4.30.11
4
11
 
5
12
  ### Patch Changes
@@ -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;
@@ -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;
@@ -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.12",
4
4
  "description": "UI Components to support linking platform dataset feature",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -182,6 +182,9 @@
182
182
  "navx-1895-new-logo-design": {
183
183
  "type": "boolean"
184
184
  },
185
+ "navx-sllv-fix-inline-edit-error": {
186
+ "type": "boolean"
187
+ },
185
188
  "platform_navx_jira_sllv_rich_text_gate": {
186
189
  "type": "boolean"
187
190
  },