@atlaskit/link-datasource 3.13.5 → 3.13.7

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,20 @@
1
1
  # @atlaskit/link-datasource
2
2
 
3
+ ## 3.13.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#170311](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170311)
8
+ [`176c804341ecb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/176c804341ecb) -
9
+ Internal refactor behind ff - Add layering to prevent close on esc when closing dropdown on inline
10
+ edits
11
+
12
+ ## 3.13.6
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 3.13.5
4
19
 
5
20
  ### Patch Changes
@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
+ var _layering = require("@atlaskit/layering");
11
12
  var _select = _interopRequireDefault(require("@atlaskit/select"));
12
13
  var _ufoExperiences = require("../../../../analytics/ufoExperiences");
13
14
  var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
@@ -47,7 +48,9 @@ var IconEditType = function IconEditType(props) {
47
48
  }, experienceId);
48
49
  }
49
50
  }, [experienceId, isLoading, hasFailed]);
50
- return /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
51
+ return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
52
+ isDisabled: false
53
+ }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
51
54
  autoFocus: true,
52
55
  blurInputOnSelect: true,
53
56
  defaultMenuIsOpen: true,
@@ -77,7 +80,7 @@ var IconEditType = function IconEditType(props) {
77
80
  values: e ? [e] : []
78
81
  });
79
82
  }
80
- }));
83
+ })));
81
84
  };
82
85
  var filterOption = function filterOption(option, inputValue) {
83
86
  return option.label.toLowerCase().includes(inputValue.toLowerCase());
@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
+ var _layering = require("@atlaskit/layering");
11
12
  var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
12
13
  var _select = _interopRequireDefault(require("@atlaskit/select"));
13
14
  var _ufoExperiences = require("../../../../analytics/ufoExperiences");
@@ -41,7 +42,9 @@ var StatusEditType = function StatusEditType(props) {
41
42
  }, experienceId);
42
43
  }
43
44
  }, [experienceId, isLoading, hasFailed]);
44
- return /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
45
+ return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
46
+ isDisabled: false
47
+ }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
45
48
  autoFocus: true,
46
49
  options: options,
47
50
  defaultMenuIsOpen: true,
@@ -65,7 +68,7 @@ var StatusEditType = function StatusEditType(props) {
65
68
  values: e ? [e] : []
66
69
  });
67
70
  }
68
- }));
71
+ })));
69
72
  };
70
73
  var filterOption = function filterOption(option, inputValue) {
71
74
  return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var _reactIntlNext = require("react-intl-next");
13
13
  var _useDebounce = require("use-debounce");
14
14
  var _avatar = _interopRequireWildcard(require("@atlaskit/avatar"));
15
+ var _layering = require("@atlaskit/layering");
15
16
  var _select = _interopRequireDefault(require("@atlaskit/select"));
16
17
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
17
18
  var _ufoExperiences = require("../../../../analytics/ufoExperiences");
@@ -72,7 +73,9 @@ var UserEditType = function UserEditType(props) {
72
73
  }, experienceId);
73
74
  }
74
75
  }, [experienceId, isLoading, hasFailed]);
75
- return /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
76
+ return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
77
+ isDisabled: false
78
+ }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
76
79
  autoFocus: true,
77
80
  defaultMenuIsOpen: true,
78
81
  blurInputOnSelect: true,
@@ -105,7 +108,7 @@ var UserEditType = function UserEditType(props) {
105
108
  values: e ? [e] : []
106
109
  });
107
110
  }
108
- }));
111
+ })));
109
112
  };
110
113
  var filterOption = function filterOption(option, inputValue) {
111
114
  var _option$data$displayN, _option$data$displayN2;
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useEffect } from 'react';
3
+ import { Layering } from '@atlaskit/layering';
3
4
 
4
5
  // FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
5
6
  // eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
@@ -41,7 +42,9 @@ const IconEditType = props => {
41
42
  }, experienceId);
42
43
  }
43
44
  }, [experienceId, isLoading, hasFailed]);
44
- return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
45
+ return /*#__PURE__*/React.createElement(Layering, {
46
+ isDisabled: false
47
+ }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
45
48
  autoFocus: true,
46
49
  blurInputOnSelect: true,
47
50
  defaultMenuIsOpen: true,
@@ -66,7 +69,7 @@ const IconEditType = props => {
66
69
  type: 'icon',
67
70
  values: e ? [e] : []
68
71
  })
69
- }));
72
+ })));
70
73
  };
71
74
  const filterOption = (option, inputValue) => option.label.toLowerCase().includes(inputValue.toLowerCase());
72
75
  export default IconEditType;
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useEffect } from 'react';
3
+ import { Layering } from '@atlaskit/layering';
3
4
  import Lozenge from '@atlaskit/lozenge';
4
5
  import Select from '@atlaskit/select';
5
6
  import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
@@ -34,7 +35,9 @@ const StatusEditType = props => {
34
35
  }, experienceId);
35
36
  }
36
37
  }, [experienceId, isLoading, hasFailed]);
37
- return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
38
+ return /*#__PURE__*/React.createElement(Layering, {
39
+ isDisabled: false
40
+ }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
38
41
  autoFocus: true,
39
42
  options: options,
40
43
  defaultMenuIsOpen: true,
@@ -52,7 +55,7 @@ const StatusEditType = props => {
52
55
  type: 'status',
53
56
  values: e ? [e] : []
54
57
  })
55
- }));
58
+ })));
56
59
  };
57
60
  const filterOption = (option, inputValue) => option.data.text.toLowerCase().includes(inputValue.toLowerCase());
58
61
  export default StatusEditType;
@@ -3,6 +3,7 @@ import React, { useEffect, useMemo, useState } from 'react';
3
3
  import { useIntl } from 'react-intl-next';
4
4
  import { useDebouncedCallback } from 'use-debounce';
5
5
  import Avatar, { AvatarItem } from '@atlaskit/avatar';
6
+ import { Layering } from '@atlaskit/layering';
6
7
  import Select from '@atlaskit/select';
7
8
  import Tooltip from '@atlaskit/tooltip';
8
9
  import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
@@ -56,7 +57,9 @@ const UserEditType = props => {
56
57
  }, experienceId);
57
58
  }
58
59
  }, [experienceId, isLoading, hasFailed]);
59
- return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
60
+ return /*#__PURE__*/React.createElement(Layering, {
61
+ isDisabled: false
62
+ }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
60
63
  autoFocus: true,
61
64
  defaultMenuIsOpen: true,
62
65
  blurInputOnSelect: true,
@@ -83,7 +86,7 @@ const UserEditType = props => {
83
86
  type: 'user',
84
87
  values: e ? [e] : []
85
88
  })
86
- }));
89
+ })));
87
90
  };
88
91
  const filterOption = (option, inputValue) => {
89
92
  var _option$data$displayN, _option$data$displayN2;
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useEffect } from 'react';
3
+ import { Layering } from '@atlaskit/layering';
3
4
 
4
5
  // FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
5
6
  // eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
@@ -38,7 +39,9 @@ var IconEditType = function IconEditType(props) {
38
39
  }, experienceId);
39
40
  }
40
41
  }, [experienceId, isLoading, hasFailed]);
41
- return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
42
+ return /*#__PURE__*/React.createElement(Layering, {
43
+ isDisabled: false
44
+ }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
42
45
  autoFocus: true,
43
46
  blurInputOnSelect: true,
44
47
  defaultMenuIsOpen: true,
@@ -68,7 +71,7 @@ var IconEditType = function IconEditType(props) {
68
71
  values: e ? [e] : []
69
72
  });
70
73
  }
71
- }));
74
+ })));
72
75
  };
73
76
  var filterOption = function filterOption(option, inputValue) {
74
77
  return option.label.toLowerCase().includes(inputValue.toLowerCase());
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useEffect } from 'react';
3
+ import { Layering } from '@atlaskit/layering';
3
4
  import Lozenge from '@atlaskit/lozenge';
4
5
  import Select from '@atlaskit/select';
5
6
  import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
@@ -31,7 +32,9 @@ var StatusEditType = function StatusEditType(props) {
31
32
  }, experienceId);
32
33
  }
33
34
  }, [experienceId, isLoading, hasFailed]);
34
- return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
35
+ return /*#__PURE__*/React.createElement(Layering, {
36
+ isDisabled: false
37
+ }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
35
38
  autoFocus: true,
36
39
  options: options,
37
40
  defaultMenuIsOpen: true,
@@ -55,7 +58,7 @@ var StatusEditType = function StatusEditType(props) {
55
58
  values: e ? [e] : []
56
59
  });
57
60
  }
58
- }));
61
+ })));
59
62
  };
60
63
  var filterOption = function filterOption(option, inputValue) {
61
64
  return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
@@ -4,6 +4,7 @@ import React, { useEffect, useMemo, useState } from 'react';
4
4
  import { useIntl } from 'react-intl-next';
5
5
  import { useDebouncedCallback } from 'use-debounce';
6
6
  import Avatar, { AvatarItem } from '@atlaskit/avatar';
7
+ import { Layering } from '@atlaskit/layering';
7
8
  import Select from '@atlaskit/select';
8
9
  import Tooltip from '@atlaskit/tooltip';
9
10
  import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
@@ -62,7 +63,9 @@ var UserEditType = function UserEditType(props) {
62
63
  }, experienceId);
63
64
  }
64
65
  }, [experienceId, isLoading, hasFailed]);
65
- return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
66
+ return /*#__PURE__*/React.createElement(Layering, {
67
+ isDisabled: false
68
+ }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
66
69
  autoFocus: true,
67
70
  defaultMenuIsOpen: true,
68
71
  blurInputOnSelect: true,
@@ -95,7 +98,7 @@ var UserEditType = function UserEditType(props) {
95
98
  values: e ? [e] : []
96
99
  });
97
100
  }
98
- }));
101
+ })));
99
102
  };
100
103
  var filterOption = function filterOption(option, inputValue) {
101
104
  var _option$data$displayN, _option$data$displayN2;
@@ -5,7 +5,7 @@ export type LoadOptionsProps<T> = {
5
5
  executeFetch?: ExecuteFetch;
6
6
  emptyOption?: T;
7
7
  };
8
- export declare const useLoadOptions: <T>({ fetchInputs, executeFetch, emptyOption }: LoadOptionsProps<T>) => {
8
+ export declare const useLoadOptions: <T>({ fetchInputs, executeFetch, emptyOption, }: LoadOptionsProps<T>) => {
9
9
  options: T[];
10
10
  isLoading: boolean;
11
11
  hasFailed: boolean;
@@ -5,7 +5,7 @@ export type LoadOptionsProps<T> = {
5
5
  executeFetch?: ExecuteFetch;
6
6
  emptyOption?: T;
7
7
  };
8
- export declare const useLoadOptions: <T>({ fetchInputs, executeFetch, emptyOption }: LoadOptionsProps<T>) => {
8
+ export declare const useLoadOptions: <T>({ fetchInputs, executeFetch, emptyOption, }: LoadOptionsProps<T>) => {
9
9
  options: T[];
10
10
  isLoading: boolean;
11
11
  hasFailed: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-datasource",
3
- "version": "3.13.5",
3
+ "version": "3.13.7",
4
4
  "description": "UI Components to support linking platform dataset feature",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -73,7 +73,7 @@
73
73
  "@atlaskit/primitives": "^13.3.0",
74
74
  "@atlaskit/react-select": "^1.4.0",
75
75
  "@atlaskit/select": "^18.6.0",
76
- "@atlaskit/smart-card": "^31.0.0",
76
+ "@atlaskit/smart-card": "^32.0.0",
77
77
  "@atlaskit/smart-user-picker": "6.11.2",
78
78
  "@atlaskit/spinner": "^16.3.0",
79
79
  "@atlaskit/tag": "^12.6.0",