@atlaskit/link-datasource 3.13.6 → 3.13.7

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/link-datasource
 
+## 3.13.7
+
+### Patch Changes
+
+- [#170311](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170311)
+  [`176c804341ecb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/176c804341ecb) -
+  Internal refactor behind ff - Add layering to prevent close on esc when closing dropdown on inline
+  edits
+
 ## 3.13.6
 
 ### Patch Changes

package/dist/cjs/ui/issue-like-table/edit-type/icon/index.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _layering = require("@atlaskit/layering");
 var _select = _interopRequireDefault(require("@atlaskit/select"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
 var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
@@ -47,7 +48,9 @@ var IconEditType = function IconEditType(props) {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
+    isDisabled: false
+  }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
     autoFocus: true,
     blurInputOnSelect: true,
     defaultMenuIsOpen: true,
@@ -77,7 +80,7 @@ var IconEditType = function IconEditType(props) {
         values: e ? [e] : []
       });
     }
-  }));
+  })));
 };
 var filterOption = function filterOption(option, inputValue) {
   return option.label.toLowerCase().includes(inputValue.toLowerCase());

package/dist/cjs/ui/issue-like-table/edit-type/status/index.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _layering = require("@atlaskit/layering");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _select = _interopRequireDefault(require("@atlaskit/select"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
@@ -41,7 +42,9 @@ var StatusEditType = function StatusEditType(props) {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
+    isDisabled: false
+  }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
     autoFocus: true,
     options: options,
     defaultMenuIsOpen: true,
@@ -65,7 +68,7 @@ var StatusEditType = function StatusEditType(props) {
         values: e ? [e] : []
       });
     }
-  }));
+  })));
 };
 var filterOption = function filterOption(option, inputValue) {
   return option.data.text.toLowerCase().includes(inputValue.toLowerCase());

package/dist/cjs/ui/issue-like-table/edit-type/user/index.js

@@ -12,6 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _useDebounce = require("use-debounce");
 var _avatar = _interopRequireWildcard(require("@atlaskit/avatar"));
+var _layering = require("@atlaskit/layering");
 var _select = _interopRequireDefault(require("@atlaskit/select"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _ufoExperiences = require("../../../../analytics/ufoExperiences");
@@ -72,7 +73,9 @@ var UserEditType = function UserEditType(props) {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_layering.Layering, {
+    isDisabled: false
+  }, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, props, {
     autoFocus: true,
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,
@@ -105,7 +108,7 @@ var UserEditType = function UserEditType(props) {
         values: e ? [e] : []
       });
     }
-  }));
+  })));
 };
 var filterOption = function filterOption(option, inputValue) {
   var _option$data$displayN, _option$data$displayN2;

package/dist/es2019/ui/issue-like-table/edit-type/icon/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
+import { Layering } from '@atlaskit/layering';
 
 // FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
 // eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
@@ -41,7 +42,9 @@ const IconEditType = props => {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Layering, {
+    isDisabled: false
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     autoFocus: true,
     blurInputOnSelect: true,
     defaultMenuIsOpen: true,
@@ -66,7 +69,7 @@ const IconEditType = props => {
       type: 'icon',
       values: e ? [e] : []
     })
-  }));
+  })));
 };
 const filterOption = (option, inputValue) => option.label.toLowerCase().includes(inputValue.toLowerCase());
 export default IconEditType;

package/dist/es2019/ui/issue-like-table/edit-type/status/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
+import { Layering } from '@atlaskit/layering';
 import Lozenge from '@atlaskit/lozenge';
 import Select from '@atlaskit/select';
 import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
@@ -34,7 +35,9 @@ const StatusEditType = props => {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Layering, {
+    isDisabled: false
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     autoFocus: true,
     options: options,
     defaultMenuIsOpen: true,
@@ -52,7 +55,7 @@ const StatusEditType = props => {
       type: 'status',
       values: e ? [e] : []
     })
-  }));
+  })));
 };
 const filterOption = (option, inputValue) => option.data.text.toLowerCase().includes(inputValue.toLowerCase());
 export default StatusEditType;

package/dist/es2019/ui/issue-like-table/edit-type/user/index.js

@@ -3,6 +3,7 @@ import React, { useEffect, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
 import Avatar, { AvatarItem } from '@atlaskit/avatar';
+import { Layering } from '@atlaskit/layering';
 import Select from '@atlaskit/select';
 import Tooltip from '@atlaskit/tooltip';
 import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
@@ -56,7 +57,9 @@ const UserEditType = props => {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Layering, {
+    isDisabled: false
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     autoFocus: true,
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,
@@ -83,7 +86,7 @@ const UserEditType = props => {
       type: 'user',
       values: e ? [e] : []
     })
-  }));
+  })));
 };
 const filterOption = (option, inputValue) => {
   var _option$data$displayN, _option$data$displayN2;

package/dist/esm/ui/issue-like-table/edit-type/icon/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
+import { Layering } from '@atlaskit/layering';
 
 // FilterOptionOption is used in the filterOption function which is part of the public API, but the type itself is not exported
 // eslint-disable-next-line import/no-extraneous-dependencies,no-restricted-imports
@@ -38,7 +39,9 @@ var IconEditType = function IconEditType(props) {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Layering, {
+    isDisabled: false
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     autoFocus: true,
     blurInputOnSelect: true,
     defaultMenuIsOpen: true,
@@ -68,7 +71,7 @@ var IconEditType = function IconEditType(props) {
         values: e ? [e] : []
       });
     }
-  }));
+  })));
 };
 var filterOption = function filterOption(option, inputValue) {
   return option.label.toLowerCase().includes(inputValue.toLowerCase());

package/dist/esm/ui/issue-like-table/edit-type/status/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
+import { Layering } from '@atlaskit/layering';
 import Lozenge from '@atlaskit/lozenge';
 import Select from '@atlaskit/select';
 import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
@@ -31,7 +32,9 @@ var StatusEditType = function StatusEditType(props) {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Layering, {
+    isDisabled: false
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     autoFocus: true,
     options: options,
     defaultMenuIsOpen: true,
@@ -55,7 +58,7 @@ var StatusEditType = function StatusEditType(props) {
         values: e ? [e] : []
       });
     }
-  }));
+  })));
 };
 var filterOption = function filterOption(option, inputValue) {
   return option.data.text.toLowerCase().includes(inputValue.toLowerCase());

package/dist/esm/ui/issue-like-table/edit-type/user/index.js

@@ -4,6 +4,7 @@ import React, { useEffect, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
 import Avatar, { AvatarItem } from '@atlaskit/avatar';
+import { Layering } from '@atlaskit/layering';
 import Select from '@atlaskit/select';
 import Tooltip from '@atlaskit/tooltip';
 import { failUfoExperience, succeedUfoExperience } from '../../../../analytics/ufoExperiences';
@@ -62,7 +63,9 @@ var UserEditType = function UserEditType(props) {
       }, experienceId);
     }
   }, [experienceId, isLoading, hasFailed]);
-  return /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Layering, {
+    isDisabled: false
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
     autoFocus: true,
     defaultMenuIsOpen: true,
     blurInputOnSelect: true,
@@ -95,7 +98,7 @@ var UserEditType = function UserEditType(props) {
         values: e ? [e] : []
       });
     }
-  }));
+  })));
 };
 var filterOption = function filterOption(option, inputValue) {
   var _option$data$displayN, _option$data$displayN2;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.13.6",
+	"version": "3.13.7",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",