@atlaskit/link-datasource 1.20.0 → 1.21.0

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

@@ -16,6 +16,7 @@ import { ScrollableContainerHeight } from '../../ui/issue-like-table/styled';
 import { AccessRequired } from '../common/error-state/access-required';
 import { LoadingError } from '../common/error-state/loading-error';
 import { NoResults } from '../common/error-state/no-results';
+import { ProviderAuthRequired } from '../common/error-state/provider-auth-required';
 import { IssueLikeDataTableView } from '../issue-like-table';
 import EmptyState from '../issue-like-table/empty-state';
 import { TableFooter } from '../table-footer';
@@ -42,7 +43,8 @@ const DatasourceTableViewWithoutAnalytics = ({
     totalCount,
     loadDatasourceDetails,
     extensionKey = null,
-    destinationObjectTypes
+    destinationObjectTypes,
+    authDetails
   } = useDatasourceTableState({
     datasourceId,
     parameters,
@@ -103,14 +105,17 @@ const DatasourceTableViewWithoutAnalytics = ({
     extensionKey
   });
   const forcedReset = useCallback(() => {
+    reset({
+      shouldForceRequest: true
+    });
+  }, [reset]);
+  const onRefresh = useCallback(() => {
     fireEvent('ui.button.clicked.sync', {
       extensionKey,
       destinationObjectTypes
     });
-    reset({
-      shouldForceRequest: true
-    });
-  }, [destinationObjectTypes, extensionKey, fireEvent, reset]);
+    forcedReset();
+  }, [destinationObjectTypes, extensionKey, fireEvent, forcedReset]);
   const handleErrorRefresh = useCallback(() => {
     reset({
       shouldForceRequest: true
@@ -122,7 +127,11 @@ const DatasourceTableViewWithoutAnalytics = ({
     });
   }
   if (status === 'unauthorized') {
-    return jsx(AccessRequired, {
+    return authDetails !== null && authDetails !== void 0 && authDetails.length && authDetails.length > 0 ? jsx(ProviderAuthRequired, {
+      auth: authDetails,
+      onAuthSuccess: forcedReset,
+      onAuthError: forcedReset
+    }) : jsx(AccessRequired, {
       url: url
     });
   }
@@ -157,7 +166,7 @@ const DatasourceTableViewWithoutAnalytics = ({
     isCompact: true
   }), jsx(TableFooter, {
     itemCount: isDataReady ? totalCount : undefined,
-    onRefresh: forcedReset,
+    onRefresh: onRefresh,
     isLoading: !isDataReady || status === 'loading',
     url: url
   })));

package/dist/esm/hooks/useDatasourceTableState.js

@@ -19,60 +19,67 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
   var idFieldCount = 1;
   var keyFieldCount = 1;
   var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    defaultVisibleColumnKeys = _useState2[0],
-    setDefaultVisibleColumnKeys = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 1),
+    initialEmptyArray = _useState2[0];
   var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    lastRequestedFieldKeys = _useState4[0],
-    setLastRequestedFieldKeys = _useState4[1];
-  var _useState5 = useState({
+    defaultVisibleColumnKeys = _useState4[0],
+    setDefaultVisibleColumnKeys = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    lastRequestedFieldKeys = _useState6[0],
+    setLastRequestedFieldKeys = _useState6[1];
+  var _useState7 = useState({
       properties: []
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    fullSchema = _useState6[0],
-    setFullSchema = _useState6[1];
-  var _useState7 = useState('empty'),
     _useState8 = _slicedToArray(_useState7, 2),
-    status = _useState8[0],
-    setStatus = _useState8[1];
-  var _useState9 = useState([]),
+    fullSchema = _useState8[0],
+    setFullSchema = _useState8[1];
+  var _useState9 = useState('empty'),
     _useState10 = _slicedToArray(_useState9, 2),
-    responseItems = _useState10[0],
-    setResponseItems = _useState10[1];
-  var _useState11 = useState(true),
+    status = _useState10[0],
+    setStatus = _useState10[1];
+  var _useState11 = useState([]),
     _useState12 = _slicedToArray(_useState11, 2),
-    hasNextPage = _useState12[0],
-    setHasNextPage = _useState12[1];
-  var _useState13 = useState(undefined),
+    authDetails = _useState12[0],
+    setAuthDetails = _useState12[1];
+  var _useState13 = useState([]),
     _useState14 = _slicedToArray(_useState13, 2),
-    nextCursor = _useState14[0],
-    setNextCursor = _useState14[1];
-  var _useState15 = useState([]),
+    responseItems = _useState14[0],
+    setResponseItems = _useState14[1];
+  var _useState15 = useState(true),
     _useState16 = _slicedToArray(_useState15, 2),
-    columns = _useState16[0],
-    setColumns = _useState16[1];
+    hasNextPage = _useState16[0],
+    setHasNextPage = _useState16[1];
   var _useState17 = useState(undefined),
     _useState18 = _slicedToArray(_useState17, 2),
-    totalCount = _useState18[0],
-    setTotalCount = _useState18[1];
-  var _useState19 = useState(false),
+    nextCursor = _useState18[0],
+    setNextCursor = _useState18[1];
+  var _useState19 = useState([]),
     _useState20 = _slicedToArray(_useState19, 2),
-    shouldForceRequest = _useState20[0],
-    setShouldForceRequest = _useState20[1];
-  var _useState21 = useState([]),
+    columns = _useState20[0],
+    setColumns = _useState20[1];
+  var _useState21 = useState(undefined),
     _useState22 = _slicedToArray(_useState21, 2),
-    destinationObjectTypes = _useState22[0],
-    setDestinationObjectTypes = _useState22[1];
-  var _useState23 = useState(),
+    totalCount = _useState22[0],
+    setTotalCount = _useState22[1];
+  var _useState23 = useState(false),
     _useState24 = _slicedToArray(_useState23, 2),
-    extensionKey = _useState24[0],
-    setExtensionKey = _useState24[1];
+    shouldForceRequest = _useState24[0],
+    setShouldForceRequest = _useState24[1];
+  var _useState25 = useState([]),
+    _useState26 = _slicedToArray(_useState25, 2),
+    destinationObjectTypes = _useState26[0],
+    setDestinationObjectTypes = _useState26[1];
+  var _useState27 = useState(),
+    _useState28 = _slicedToArray(_useState27, 2),
+    extensionKey = _useState28[0],
+    setExtensionKey = _useState28[1];
   var _useDatasourceClientE = useDatasourceClientExtension(),
     getDatasourceData = _useDatasourceClientE.getDatasourceData,
     getDatasourceDetails = _useDatasourceClientE.getDatasourceDetails;
   var loadDatasourceDetails = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var _yield$getDatasourceD, access, schema, isColumnNotPresentInCurrentColumnsList, allColumns, newColumns;
+    var _yield$getDatasourceD, _yield$getDatasourceD2, access, auth, schema, isColumnNotPresentInCurrentColumnsList, allColumns, newColumns;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -89,20 +96,16 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
           });
         case 5:
           _yield$getDatasourceD = _context.sent;
-          access = _yield$getDatasourceD.meta.access;
+          _yield$getDatasourceD2 = _yield$getDatasourceD.meta;
+          access = _yield$getDatasourceD2.access;
+          auth = _yield$getDatasourceD2.auth;
           schema = _yield$getDatasourceD.data.schema;
-          if (!(access === 'unauthorized')) {
-            _context.next = 11;
-            break;
-          }
-          setStatus('unauthorized');
-          return _context.abrupt("return");
-        case 11:
-          if (!(access === 'forbidden')) {
+          if (!(access === 'unauthorized' || access === 'forbidden')) {
             _context.next = 14;
             break;
           }
-          setStatus('forbidden');
+          setStatus(access);
+          setAuthDetails(auth || initialEmptyArray);
           return _context.abrupt("return");
         case 14:
           isColumnNotPresentInCurrentColumnsList = function isColumnNotPresentInCurrentColumnsList(col) {
@@ -139,7 +142,7 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
           return _context.stop();
       }
     }, _callee, null, [[2, 20]]);
-  })), [captureError, columns, datasourceId, getDatasourceDetails, parameters]);
+  })), [captureError, columns, datasourceId, getDatasourceDetails, parameters, initialEmptyArray]);
   var applySchemaProperties = useCallback(function (schema, fieldKeys) {
     var properties = schema.properties,
       _schema$defaultProper = schema.defaultProperties,
@@ -184,12 +187,13 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
       shouldForceRequest,
       isFullSchemaLoaded,
       datasourceDataRequest,
-      _yield$getDatasourceD2,
       _yield$getDatasourceD3,
+      _yield$getDatasourceD4,
       access,
       _destinationObjectTypes,
       _extensionKey,
-      _yield$getDatasourceD4,
+      auth,
+      _yield$getDatasourceD5,
       items,
       nextPageCursor,
       _totalCount,
@@ -222,30 +226,25 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
           _context2.next = 10;
           return getDatasourceData(datasourceId, datasourceDataRequest, shouldForceRequest);
         case 10:
-          _yield$getDatasourceD2 = _context2.sent;
-          _yield$getDatasourceD3 = _yield$getDatasourceD2.meta;
-          access = _yield$getDatasourceD3.access;
-          _destinationObjectTypes = _yield$getDatasourceD3.destinationObjectTypes;
-          _extensionKey = _yield$getDatasourceD3.extensionKey;
-          _yield$getDatasourceD4 = _yield$getDatasourceD2.data;
-          items = _yield$getDatasourceD4.items;
-          nextPageCursor = _yield$getDatasourceD4.nextPageCursor;
-          _totalCount = _yield$getDatasourceD4.totalCount;
-          schema = _yield$getDatasourceD4.schema;
-          if (!(access === 'unauthorized')) {
-            _context2.next = 23;
+          _yield$getDatasourceD3 = _context2.sent;
+          _yield$getDatasourceD4 = _yield$getDatasourceD3.meta;
+          access = _yield$getDatasourceD4.access;
+          _destinationObjectTypes = _yield$getDatasourceD4.destinationObjectTypes;
+          _extensionKey = _yield$getDatasourceD4.extensionKey;
+          auth = _yield$getDatasourceD4.auth;
+          _yield$getDatasourceD5 = _yield$getDatasourceD3.data;
+          items = _yield$getDatasourceD5.items;
+          nextPageCursor = _yield$getDatasourceD5.nextPageCursor;
+          _totalCount = _yield$getDatasourceD5.totalCount;
+          schema = _yield$getDatasourceD5.schema;
+          if (!(access === 'unauthorized' || access === 'forbidden')) {
+            _context2.next = 25;
             break;
           }
-          setStatus('unauthorized');
+          setStatus(access);
+          setAuthDetails(auth || initialEmptyArray);
           return _context2.abrupt("return");
-        case 23:
-          if (!(access === 'forbidden')) {
-            _context2.next = 26;
-            break;
-          }
-          setStatus('forbidden');
-          return _context2.abrupt("return");
-        case 26:
+        case 25:
           setExtensionKey(_extensionKey);
           setDestinationObjectTypes(_destinationObjectTypes);
           setTotalCount(_totalCount);
@@ -278,49 +277,52 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
             });
           }
           setStatus('resolved');
-          _context2.next = 49;
+          _context2.next = 48;
           break;
-        case 39:
-          _context2.prev = 39;
+        case 38:
+          _context2.prev = 38;
           _context2.t0 = _context2["catch"](7);
           captureError('onNextPage', _context2.t0);
           if (!(_context2.t0 instanceof Response && _context2.t0.status === 401)) {
-            _context2.next = 45;
+            _context2.next = 44;
             break;
           }
           setStatus('unauthorized');
           return _context2.abrupt("return");
-        case 45:
+        case 44:
           if (!(_context2.t0 instanceof Response && _context2.t0.status === 403)) {
-            _context2.next = 48;
+            _context2.next = 47;
             break;
           }
           setStatus('forbidden');
           return _context2.abrupt("return");
-        case 48:
+        case 47:
           setStatus('rejected');
-        case 49:
+        case 48:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[7, 39]]);
-  })), [captureError, parameters, fieldKeys, nextCursor, getDatasourceData, datasourceId, responseItems, applySchemaProperties, fireEvent, fullSchema]);
+    }, _callee2, null, [[7, 38]]);
+  })), [captureError, parameters, fieldKeys, nextCursor, getDatasourceData, datasourceId, responseItems, applySchemaProperties, fireEvent, fullSchema, initialEmptyArray]);
   var reset = useCallback(function (options) {
-    setStatus('empty');
-    setResponseItems([]);
+    setResponseItems(initialEmptyArray);
     setHasNextPage(true);
     setNextCursor(undefined);
     setTotalCount(undefined);
-    setLastRequestedFieldKeys([]);
+    setLastRequestedFieldKeys(initialEmptyArray);
+    setAuthDetails(initialEmptyArray);
     setFullSchema({
-      properties: []
+      properties: initialEmptyArray
     });
     setShouldForceRequest((options === null || options === void 0 ? void 0 : options.shouldForceRequest) || false);
     if (options !== null && options !== void 0 && options.shouldResetColumns) {
-      setColumns([]);
-      setDefaultVisibleColumnKeys([]);
+      setColumns(initialEmptyArray);
+      setDefaultVisibleColumnKeys(initialEmptyArray);
     }
-  }, []);
+
+    // setting the status earlier is triggering useEffects without all reset state values, hence placing this as the last state reset item
+    setStatus('empty');
+  }, [initialEmptyArray]);
 
   // this takes care of requesting /data initially
   useEffect(function () {
@@ -371,6 +373,7 @@ export var useDatasourceTableState = function useDatasourceTableState(_ref) {
     defaultVisibleColumnKeys: defaultVisibleColumnKeys,
     totalCount: totalCount,
     extensionKey: extensionKey,
-    destinationObjectTypes: destinationObjectTypes
+    destinationObjectTypes: destinationObjectTypes,
+    authDetails: authDetails
   };
 };

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

@@ -54,5 +54,25 @@ export var loadingErrorMessages = defineMessages({
     id: 'linkDataSource.jira-issues.no.jira.sites.access.description',
     description: 'Description that shows in the modal when user has no access to any Jira sites',
     defaultMessage: 'To request access, contact your admin.'
+  },
+  authScreenHeaderText: {
+    id: 'linkDataSource.datasource.table.authScreenHeaderText',
+    defaultMessage: 'Connect your 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.',
+    description: 'Description text to be displayed in the auth screen UI.'
+  },
+  learnMoreAboutSmartLinks: {
+    id: 'linkDataSource.datasource.table.learnMoreAboutSmartLinks',
+    defaultMessage: 'Learn more about Smart Links.',
+    description: 'An anchor link to redirect user to a page about Smart Links.'
+  },
+  authConnectButtonText: {
+    id: 'linkDataSource.datasource.table.authConnectButtonText',
+    defaultMessage: 'Connect',
+    description: 'Label for the authentication button.'
   }
 });