@atlaskit/link-datasource 1.22.6 → 1.22.8

package/dist/cjs/ui/common/error-state/provider-auth-required.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ProviderAuthRequired = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
@@ -32,13 +32,16 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
     auth = _ref$auth === void 0 ? [] : _ref$auth,
     onAuthSuccess = _ref.onAuthSuccess,
     onAuthError = _ref.onAuthError,
-    extensionKey = _ref.extensionKey;
+    extensionKey = _ref.extensionKey,
+    providerName = _ref.providerName;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useErrorLogger = (0, _useErrorLogger2.default)(),
     captureError = _useErrorLogger.captureError;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
     fireEvent = _useDatasourceAnalyti.fireEvent;
+  var _auth = (0, _slicedToArray2.default)(auth, 1),
+    authInfo = _auth[0];
   (0, _react.useEffect)(function () {
     fireEvent('ui.error.shown', {
       reason: 'access'
@@ -46,25 +49,23 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
   }, [fireEvent]);
   var onAuthRequest = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var _auth, authInfo;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _auth = (0, _slicedToArray2.default)(auth, 1), authInfo = _auth[0];
-            _context.prev = 1;
-            _context.next = 4;
+            _context.prev = 0;
+            _context.next = 3;
             return (0, _outboundAuthFlowClient.auth)(authInfo.url);
-          case 4:
+          case 3:
             fireEvent('operational.provider.authSuccess', {
               extensionKey: extensionKey,
               experience: 'datasource'
             });
             onAuthSuccess === null || onAuthSuccess === void 0 || onAuthSuccess();
-            _context.next = 13;
+            _context.next = 12;
             break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](1);
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
             fireEvent('operational.provider.authFailure', {
               reason: _context.t0 instanceof _outboundAuthFlowClient.AuthError && _context.t0.type ? _context.t0.type : null,
               extensionKey: extensionKey,
@@ -72,18 +73,20 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
             });
             captureError('ProviderOnAuthRequest', _context.t0);
             onAuthError === null || onAuthError === void 0 || onAuthError();
-          case 13:
+          case 12:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 8]]);
+      }, _callee, null, [[0, 7]]);
     }));
     return function onAuthRequest() {
       return _ref2.apply(this, arguments);
     };
   }();
   var renderAuthDescription = function renderAuthDescription() {
-    return (0, _react2.jsx)(_react.default.Fragment, null, formatMessage(_messages.loadingErrorMessages.authScreenDescriptionText), ' ', (0, _react2.jsx)("a", {
+    return (0, _react2.jsx)(_react.default.Fragment, null, formatMessage(_messages.loadingErrorMessages.authScreenDescriptionText, {
+      providerName: providerName
+    }), ' ', (0, _react2.jsx)("a", {
       href: learnMoreAboutSmartLinksUrl,
       target: "_blank",
       rel: "noreferrer noopener"
@@ -98,7 +101,9 @@ var ProviderAuthRequired = exports.ProviderAuthRequired = function ProviderAuthR
   };
   return (0, _react2.jsx)(_emptyState.default, {
     testId: "datasource--access-required-with-auth",
-    header: formatMessage(_messages.loadingErrorMessages.authScreenHeaderText),
+    header: formatMessage(_messages.loadingErrorMessages.authScreenHeaderText, {
+      providerName: providerName
+    }),
     description: renderAuthDescription(),
     renderImage: _providerAuthRequiredSvg.ProviderAuthRequiredSVG,
     primaryAction: renderAuthConnectButton()

package/dist/cjs/ui/datasource-table-view/datasourceTableView.js

@@ -55,6 +55,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     loadDatasourceDetails = _useDatasourceTableSt.loadDatasourceDetails,
     _useDatasourceTableSt2 = _useDatasourceTableSt.extensionKey,
     extensionKey = _useDatasourceTableSt2 === void 0 ? null : _useDatasourceTableSt2,
+    providerName = _useDatasourceTableSt.providerName,
     destinationObjectTypes = _useDatasourceTableSt.destinationObjectTypes,
     authDetails = _useDatasourceTableSt.authDetails;
   var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
@@ -135,6 +136,7 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
     return authDetails !== null && authDetails !== void 0 && authDetails.length && authDetails.length > 0 ? (0, _react2.jsx)(_providerAuthRequired.ProviderAuthRequired, {
       auth: authDetails,
       extensionKey: extensionKey,
+      providerName: providerName,
       onAuthSuccess: forcedReset,
       onAuthError: forcedReset
     }) : (0, _react2.jsx)(_accessRequired.AccessRequired, {

package/dist/cjs/ui/issue-like-table/draggable-table-heading.js

@@ -11,14 +11,14 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge");
-var _boxWithoutTerminal = require("@atlaskit/pragmatic-drag-and-drop-react-indicator/box-without-terminal");
-var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
-var _cancelUnhandled = require("@atlaskit/pragmatic-drag-and-drop/addon/cancel-unhandled");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/util/combine");
-var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/util/disable-native-drag-preview");
-var _offsetFromPointer = require("@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer");
-var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview");
+var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
+var _boxWithoutTerminal = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box-without-terminal");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
+var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview");
+var _pointerOutsideOfPreview = require("@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview");
+var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview");
+var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
 var _styled = require("./styled");
 var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -104,7 +104,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   (0, _react.useEffect)(function () {
     var cell = mainHeaderCellRef.current;
     (0, _tinyInvariant.default)(cell);
-    return (0, _combine.combine)((0, _element.draggable)({
+    return (0, _combine.combine)((0, _adapter.draggable)({
       element: cell,
       getInitialData: function getInitialData() {
         return {
@@ -117,7 +117,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
       onGenerateDragPreview: function onGenerateDragPreview(_ref2) {
         var nativeSetDragImage = _ref2.nativeSetDragImage;
         (0, _setCustomNativeDragPreview.setCustomNativeDragPreview)({
-          getOffset: (0, _offsetFromPointer.offsetFromPointer)({
+          getOffset: (0, _pointerOutsideOfPreview.pointerOutsideOfPreview)({
             x: '18px',
             y: '18px'
           }),
@@ -152,7 +152,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   (0, _react.useEffect)(function () {
     var dropTarget = dropTargetRef.current;
     (0, _tinyInvariant.default)(dropTarget);
-    return (0, _element.dropTargetForElements)({
+    return (0, _adapter.dropTargetForElements)({
       element: dropTarget,
       getIsSticky: function getIsSticky() {
         return true;
@@ -189,7 +189,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
 
   // During dragging anywhere we want to remove `pointerEvents: 'none'` from all the drop targets
   (0, _react.useEffect)(function () {
-    return (0, _element.monitorForElements)({
+    return (0, _adapter.monitorForElements)({
       canMonitor: function canMonitor(_ref5) {
         var source = _ref5.source;
         return source.data.type === 'table-header' && source.data.tableId === tableId;
@@ -215,7 +215,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
     (0, _tinyInvariant.default)(resizeHandle);
     var mainHeaderCell = mainHeaderCellRef.current;
     (0, _tinyInvariant.default)(mainHeaderCell);
-    return (0, _element.draggable)({
+    return (0, _adapter.draggable)({
       element: resizeHandle,
       getInitialData: function getInitialData() {
         // metadata related to currently dragging item (can be read by drop events etc)
@@ -234,7 +234,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
           nativeSetDragImage: nativeSetDragImage
         });
         // Block drag operations outside `@atlaskit/pragmatic-drag-and-drop`
-        _cancelUnhandled.cancelUnhandled.start();
+        _preventUnhandled.preventUnhandled.start();
         setState({
           type: 'resizing',
           initialWidth: width
@@ -253,7 +253,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
         mainHeaderCell.style.setProperty('width', "".concat(proposedWidth, "px"));
       },
       onDrop: function onDrop() {
-        _cancelUnhandled.cancelUnhandled.stop();
+        _preventUnhandled.preventUnhandled.stop();
         setState(idleState);
         if (onWidthChange) {
           var cssWidth = +mainHeaderCell.style.getPropertyValue('width').slice(0, -2);

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

@@ -19,11 +19,11 @@ var _reactIntlNext = require("react-intl-next");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _linkingCommon = require("@atlaskit/linking-common");
-var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge");
+var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
 var _reorderWithEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge");
 var _pragmaticDragAndDropReactBeautifulDndAutoscroll = require("@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll");
-var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/util/combine");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -326,7 +326,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     if (!onVisibleColumnKeysChange || !hasData) {
       return;
     }
-    return (0, _combine.combine)((0, _element.monitorForElements)({
+    return (0, _combine.combine)((0, _adapter.monitorForElements)({
       onDragStart: function onDragStart(_ref8) {
         var location = _ref8.location,
           source = _ref8.source;

package/dist/es2019/hooks/useDatasourceTableState.js

@@ -32,6 +32,7 @@ export const useDatasourceTableState = ({
   const [shouldForceRequest, setShouldForceRequest] = useState(false);
   const [destinationObjectTypes, setDestinationObjectTypes] = useState([]);
   const [extensionKey, setExtensionKey] = useState();
+  const [providerName, setProviderName] = useState(undefined);
   const {
     getDatasourceData,
     getDatasourceDetails
@@ -132,7 +133,8 @@ export const useDatasourceTableState = ({
           access,
           destinationObjectTypes,
           extensionKey,
-          auth
+          auth,
+          providerName
         },
         data: {
           items,
@@ -142,6 +144,7 @@ export const useDatasourceTableState = ({
         }
       } = await getDatasourceData(datasourceId, datasourceDataRequest, shouldForceRequest);
       setExtensionKey(extensionKey);
+      setProviderName(providerName);
       if (access === 'unauthorized' || access === 'forbidden') {
         setStatus(access);
         setAuthDetails(auth || initialEmptyArray);
@@ -256,6 +259,7 @@ export const useDatasourceTableState = ({
     defaultVisibleColumnKeys,
     totalCount,
     extensionKey,
+    providerName,
     destinationObjectTypes,
     authDetails
   };

package/dist/es2019/ui/common/error-state/messages.js

@@ -57,12 +57,12 @@ export const loadingErrorMessages = defineMessages({
   },
   authScreenHeaderText: {
     id: 'linkDataSource.datasource.table.authScreenHeaderText',
-    defaultMessage: 'Connect your account',
+    defaultMessage: 'Connect your {providerName} account',
     description: 'Header text to be displayed in the auth screen UI.'
   },
   authScreenDescriptionText: {
     id: 'linkDataSource.datasource.table.authScreenDescriptionText',
-    defaultMessage: 'Connect your account to collaborate on work across Atlassian products.',
+    defaultMessage: 'Connect your {providerName} account to collaborate on work across Atlassian products.',
     description: 'Description text to be displayed in the auth screen UI.'
   },
   learnMoreAboutSmartLinks: {