@atlaskit/link-datasource 1.20.0 → 1.22.0

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/index.js

@@ -2,6 +2,7 @@ export { default as JiraIssuesConfigModal } from './ui/jira-issues-modal';
 export { default as AssetsConfigModal } from './ui/assets-modal';
 export { default as DatasourceTableView } from './ui/datasource-table-view';
 export { default as JSMAssetsConfigModal } from './ui/assets-modal';
+export { buildDatasourceAdf } from './common/utils/adf';
 export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
 export { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from './ui/assets-modal';
 export { LazyLoadedDatasourceRenderFailedAnalyticsWrapper } from './analytics/wrappers/render-failed';

package/dist/esm/ui/assets-modal/modal/index.js

@@ -18,6 +18,7 @@ import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../
 import { startUfoExperience } from '../../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
 import { useDataRenderedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
+import { buildDatasourceAdf } from '../../../common/utils/adf';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { useAssetsClient } from '../../../hooks/useAssetsClient';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
@@ -242,29 +243,24 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
         }
       }, consumerEvent);
     } else {
-      onInsert({
-        type: 'blockCard',
-        attrs: {
-          datasource: {
-            id: datasourceId,
-            parameters: {
-              workspaceId: workspaceId,
-              aql: aql,
-              schemaId: schemaId
-            },
-            views: [{
-              type: 'table',
-              properties: {
-                columns: visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.map(function (key) {
-                  return {
-                    key: key
-                  };
-                })
-              }
-            }]
+      onInsert(buildDatasourceAdf({
+        id: datasourceId,
+        parameters: {
+          workspaceId: workspaceId,
+          aql: aql,
+          schemaId: schemaId
+        },
+        views: [{
+          type: 'table',
+          properties: {
+            columns: (visibleColumnKeys !== null && visibleColumnKeys !== void 0 ? visibleColumnKeys : []).map(function (key) {
+              return {
+                key: key
+              };
+            })
           }
-        }
-      }, consumerEvent);
+        }]
+      }), consumerEvent);
     }
   }, [aql, schemaId, workspaceId, analyticsPayload, totalCount, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, visibleColumnKeys]);
   var onCancelClick = useCallback(function (e, analyticEvent) {

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.'
   }
 });