@atlaskit/link-datasource 0.27.4 → 0.28.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/link-datasource
 
+## 0.28.0
+
+### Minor Changes
+
+- [`1c595c5a9d1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1c595c5a9d1) - Added assets modal to link-datasource, which includes the following API additions:
+
+  - datasource ID for assets: `ASSETS_LIST_OF_LINKS_DATASOURCE_ID`
+  - new component: `JSMAssetsConfigModal`
+  - addition of 2 new types: `AssetsDatasourceAdf` and `AssetsDatasourceParameters`
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.27.4
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -5,6 +5,12 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ASSETS_LIST_OF_LINKS_DATASOURCE_ID", {
+  enumerable: true,
+  get: function get() {
+    return _assetsModal.ASSETS_LIST_OF_LINKS_DATASOURCE_ID;
+  }
+});
 Object.defineProperty(exports, "DatasourceTableView", {
   enumerable: true,
   get: function get() {
@@ -17,6 +23,12 @@ Object.defineProperty(exports, "JIRA_LIST_OF_LINKS_DATASOURCE_ID", {
     return _jiraIssuesModal.JIRA_LIST_OF_LINKS_DATASOURCE_ID;
   }
 });
+Object.defineProperty(exports, "JSMAssetsConfigModal", {
+  enumerable: true,
+  get: function get() {
+    return _assetsModal.default;
+  }
+});
 Object.defineProperty(exports, "JiraIssuesConfigModal", {
   enumerable: true,
   get: function get() {
@@ -25,5 +37,6 @@ Object.defineProperty(exports, "JiraIssuesConfigModal", {
 });
 var _jiraIssuesModal = _interopRequireWildcard(require("./ui/jira-issues-modal"));
 var _datasourceTableView = _interopRequireDefault(require("./ui/datasource-table-view"));
+var _assetsModal = _interopRequireWildcard(require("./ui/assets-modal"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ASSETS_LIST_OF_LINKS_DATASOURCE_ID = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var ASSETS_LIST_OF_LINKS_DATASOURCE_ID = '361d618a-3c04-40ad-9b27-3c8ea6927020';
+exports.ASSETS_LIST_OF_LINKS_DATASOURCE_ID = ASSETS_LIST_OF_LINKS_DATASOURCE_ID;
+var LazyAssetsConfigModal = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_linkdatasource-assetsmodal" */'./modal'));
+  }).then(function (module) {
+    return {
+      default: module.AssetsConfigModal
+    };
+  });
+});
+var AssetsConfigModalWithWrappers = function AssetsConfigModalWithWrappers(props) {
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": 'assets-aql-datasource-table-suspense'
+    })
+  }, /*#__PURE__*/_react.default.createElement(LazyAssetsConfigModal, props));
+};
+var _default = AssetsConfigModalWithWrappers;
+exports.default = _default;

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

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AssetsConfigModal = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _useDatasourceTableState = require("../../../hooks/useDatasourceTableState");
+var _messages = require("./messages");
+var _renderAssetsContent = require("./render-assets-content");
+var _styled = require("./styled");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/** @jsx jsx */
+
+var AssetsConfigModal = function AssetsConfigModal(props) {
+  var datasourceId = props.datasourceId,
+    initialParameters = props.parameters,
+    onCancel = props.onCancel;
+  var _useState = (0, _react.useState)(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.aql),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    aql = _useState2[0];
+  var _useState3 = (0, _react.useState)(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.schemaId),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
+    schemaId = _useState4[0];
+  var parameters = (0, _react.useMemo)(function () {
+    return {
+      aql: aql || '',
+      schemaId: schemaId || '',
+      workspaceId: '' /* TODO FLY-1240: Add workspace Id */
+    };
+  }, [aql, schemaId]);
+  var _useDatasourceTableSt = (0, _useDatasourceTableState.useDatasourceTableState)({
+      datasourceId: datasourceId,
+      parameters: parameters
+    }),
+    status = _useDatasourceTableSt.status,
+    responseItems = _useDatasourceTableSt.responseItems;
+  var isDisabled = status === 'rejected' || status === 'loading' || status === 'empty' || status === 'resolved' && !responseItems.length;
+  var onInsertPressed = (0, _react.useCallback)(function () {
+    /* Placeholder for inserting of ADF, to do in FLY-1241 */
+  }, []);
+  return (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_modalDialog.default, {
+    testId: 'asset-datasource-modal',
+    onClose: onCancel,
+    width: "x-large",
+    shouldScrollInViewport: true
+  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null)), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)(_styled.ModalContentContainer, null, (0, _react2.jsx)(_renderAssetsContent.RenderAssetsContent, {
+    status: status,
+    responseItems: responseItems
+  }))), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_standardButton.default, {
+    appearance: "default",
+    onClick: onCancel
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.cancelButtonText)), (0, _react2.jsx)(_standardButton.default, {
+    appearance: "primary",
+    onClick: onInsertPressed,
+    isDisabled: isDisabled,
+    testId: 'asset-datasource-modal--insert-button'
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesButtonText)))));
+};
+exports.AssetsConfigModal = AssetsConfigModal;

package/dist/cjs/ui/assets-modal/modal/messages.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.modalMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var modalMessages = (0, _reactIntlNext.defineMessages)({
+  cancelButtonText: {
+    id: 'linkDataSource.assets.configmodal.cancelButtonText',
+    description: 'Button text to close the modal with no changes being made',
+    defaultMessage: 'Cancel'
+  },
+  insertIssuesButtonText: {
+    id: 'linkDataSource.assets.configmodal.insertIssuesButtonText',
+    description: 'Button text to insert the displayed content',
+    defaultMessage: 'Insert objects'
+  }
+});
+exports.modalMessages = modalMessages;

package/dist/cjs/ui/assets-modal/modal/render-assets-content/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RenderAssetsContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _modalLoadingError = require("../../../common/error-state/modal-loading-error");
+var _noResults = require("../../../common/error-state/no-results");
+var _issueLikeTable = require("../../../issue-like-table");
+var RenderAssetsContent = function RenderAssetsContent(props) {
+  var status = props.status,
+    responseItems = props.responseItems;
+  var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
+  if (status === 'rejected') {
+    return /*#__PURE__*/_react.default.createElement(_modalLoadingError.ModalLoadingError, null);
+  } else if (resolvedWithNoResults) {
+    return /*#__PURE__*/_react.default.createElement(_noResults.NoResults, null);
+  } else if (status === 'empty') {
+    return /*#__PURE__*/_react.default.createElement(_issueLikeTable.EmptyState, {
+      testId: "assets-aql-datasource-modal--empty-state"
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement("p", null, "TODO add IssueLikeDataTableView component.");
+};
+exports.RenderAssetsContent = RenderAssetsContent;

package/dist/cjs/ui/assets-modal/modal/styled.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalContentContainer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _templateObject;
+var ModalContentContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: 'grid';\n  height: '420px';\n  overflow: 'auto';\n"])));
+exports.ModalContentContainer = ModalContentContainer;

package/dist/cjs/ui/assets-modal/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/ui/common/error-state/modal-loading-error.js

@@ -41,7 +41,7 @@ var ModalLoadingError = function ModalLoadingError(_ref) {
     css: errorMessageStyles
   }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.unableToLoadResults)), (0, _react.jsx)("p", {
     css: errorDescriptionStyles
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.loadingErrorMessages.checkConnectionWithSource, {
+  }, url ? (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.loadingErrorMessages.checkConnectionWithSource, {
     values: {
       a: function a(chunk) {
         return (0, _react.jsx)("a", {
@@ -49,6 +49,6 @@ var ModalLoadingError = function ModalLoadingError(_ref) {
         }, chunk);
       }
     }
-  })))));
+  })) : (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.loadingErrorMessages.checkConnection))));
 };
 exports.ModalLoadingError = ModalLoadingError;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "0.27.4",
+	"version": "0.28.0",
 	"sideEffects": false
 }

package/dist/es2019/index.js

@@ -1,3 +1,5 @@
 export { default as JiraIssuesConfigModal } from './ui/jira-issues-modal';
 export { default as DatasourceTableView } from './ui/datasource-table-view';
-export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
+export { default as JSMAssetsConfigModal } from './ui/assets-modal';
+export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
+export { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from './ui/assets-modal';

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

@@ -0,0 +1,13 @@
+import React, { lazy, Suspense } from 'react';
+export const ASSETS_LIST_OF_LINKS_DATASOURCE_ID = '361d618a-3c04-40ad-9b27-3c8ea6927020';
+const LazyAssetsConfigModal = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-assetsmodal" */'./modal').then(module => ({
+  default: module.AssetsConfigModal
+})));
+const AssetsConfigModalWithWrappers = props => {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      "data-testid": 'assets-aql-datasource-table-suspense'
+    })
+  }, /*#__PURE__*/React.createElement(LazyAssetsConfigModal, props));
+};
+export default AssetsConfigModalWithWrappers;

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

@@ -0,0 +1,52 @@
+/** @jsx jsx */
+import { useCallback, useMemo, useState } from 'react';
+import { jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button/standard-button';
+import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
+import { modalMessages } from './messages';
+import { RenderAssetsContent } from './render-assets-content';
+import { ModalContentContainer } from './styled';
+export const AssetsConfigModal = props => {
+  const {
+    datasourceId,
+    parameters: initialParameters,
+    onCancel
+  } = props;
+  const [aql] = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.aql);
+  const [schemaId] = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.schemaId);
+  const parameters = useMemo(() => ({
+    aql: aql || '',
+    schemaId: schemaId || '',
+    workspaceId: '' /* TODO FLY-1240: Add workspace Id */
+  }), [aql, schemaId]);
+  const {
+    status,
+    responseItems
+  } = useDatasourceTableState({
+    datasourceId,
+    parameters
+  });
+  const isDisabled = status === 'rejected' || status === 'loading' || status === 'empty' || status === 'resolved' && !responseItems.length;
+  const onInsertPressed = useCallback(() => {
+    /* Placeholder for inserting of ADF, to do in FLY-1241 */
+  }, []);
+  return jsx(ModalTransition, null, jsx(Modal, {
+    testId: 'asset-datasource-modal',
+    onClose: onCancel,
+    width: "x-large",
+    shouldScrollInViewport: true
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null)), jsx(ModalBody, null, jsx(ModalContentContainer, null, jsx(RenderAssetsContent, {
+    status: status,
+    responseItems: responseItems
+  }))), jsx(ModalFooter, null, jsx(Button, {
+    appearance: "default",
+    onClick: onCancel
+  }, jsx(FormattedMessage, modalMessages.cancelButtonText)), jsx(Button, {
+    appearance: "primary",
+    onClick: onInsertPressed,
+    isDisabled: isDisabled,
+    testId: 'asset-datasource-modal--insert-button'
+  }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText)))));
+};

package/dist/es2019/ui/assets-modal/modal/messages.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export const modalMessages = defineMessages({
+  cancelButtonText: {
+    id: 'linkDataSource.assets.configmodal.cancelButtonText',
+    description: 'Button text to close the modal with no changes being made',
+    defaultMessage: 'Cancel'
+  },
+  insertIssuesButtonText: {
+    id: 'linkDataSource.assets.configmodal.insertIssuesButtonText',
+    description: 'Button text to insert the displayed content',
+    defaultMessage: 'Insert objects'
+  }
+});

package/dist/es2019/ui/assets-modal/modal/render-assets-content/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ModalLoadingError } from '../../../common/error-state/modal-loading-error';
+import { NoResults } from '../../../common/error-state/no-results';
+import { EmptyState } from '../../../issue-like-table';
+export const RenderAssetsContent = props => {
+  const {
+    status,
+    responseItems
+  } = props;
+  const resolvedWithNoResults = status === 'resolved' && !responseItems.length;
+  if (status === 'rejected') {
+    return /*#__PURE__*/React.createElement(ModalLoadingError, null);
+  } else if (resolvedWithNoResults) {
+    return /*#__PURE__*/React.createElement(NoResults, null);
+  } else if (status === 'empty') {
+    return /*#__PURE__*/React.createElement(EmptyState, {
+      testId: "assets-aql-datasource-modal--empty-state"
+    });
+  }
+  return /*#__PURE__*/React.createElement("p", null, "TODO add IssueLikeDataTableView component.");
+};

package/dist/es2019/ui/assets-modal/modal/styled.js

@@ -0,0 +1,6 @@
+import styled from '@emotion/styled';
+export const ModalContentContainer = styled.div`
+  display: 'grid';
+  height: '420px';
+  overflow: 'auto';
+`;

package/dist/es2019/ui/assets-modal/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/ui/common/error-state/modal-loading-error.js

@@ -34,11 +34,11 @@ export const ModalLoadingError = ({
     css: errorMessageStyles
   }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadResults)), jsx("p", {
     css: errorDescriptionStyles
-  }, jsx(FormattedMessage, _extends({}, loadingErrorMessages.checkConnectionWithSource, {
+  }, url ? jsx(FormattedMessage, _extends({}, loadingErrorMessages.checkConnectionWithSource, {
     values: {
       a: chunk => jsx("a", {
         href: url
       }, chunk)
     }
-  })))));
+  })) : jsx(FormattedMessage, loadingErrorMessages.checkConnection))));
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "0.27.4",
+	"version": "0.28.0",
 	"sideEffects": false
 }

package/dist/esm/index.js

@@ -1,3 +1,5 @@
 export { default as JiraIssuesConfigModal } from './ui/jira-issues-modal';
 export { default as DatasourceTableView } from './ui/datasource-table-view';
-export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
+export { default as JSMAssetsConfigModal } from './ui/assets-modal';
+export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
+export { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from './ui/assets-modal';

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

@@ -0,0 +1,17 @@
+import React, { lazy, Suspense } from 'react';
+export var ASSETS_LIST_OF_LINKS_DATASOURCE_ID = '361d618a-3c04-40ad-9b27-3c8ea6927020';
+var LazyAssetsConfigModal = /*#__PURE__*/lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-assetsmodal" */'./modal').then(function (module) {
+    return {
+      default: module.AssetsConfigModal
+    };
+  });
+});
+var AssetsConfigModalWithWrappers = function AssetsConfigModalWithWrappers(props) {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      "data-testid": 'assets-aql-datasource-table-suspense'
+    })
+  }, /*#__PURE__*/React.createElement(LazyAssetsConfigModal, props));
+};
+export default AssetsConfigModalWithWrappers;

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

@@ -0,0 +1,56 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/** @jsx jsx */
+import { useCallback, useMemo, useState } from 'react';
+import { jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button/standard-button';
+import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
+import { modalMessages } from './messages';
+import { RenderAssetsContent } from './render-assets-content';
+import { ModalContentContainer } from './styled';
+export var AssetsConfigModal = function AssetsConfigModal(props) {
+  var datasourceId = props.datasourceId,
+    initialParameters = props.parameters,
+    onCancel = props.onCancel;
+  var _useState = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.aql),
+    _useState2 = _slicedToArray(_useState, 1),
+    aql = _useState2[0];
+  var _useState3 = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.schemaId),
+    _useState4 = _slicedToArray(_useState3, 1),
+    schemaId = _useState4[0];
+  var parameters = useMemo(function () {
+    return {
+      aql: aql || '',
+      schemaId: schemaId || '',
+      workspaceId: '' /* TODO FLY-1240: Add workspace Id */
+    };
+  }, [aql, schemaId]);
+  var _useDatasourceTableSt = useDatasourceTableState({
+      datasourceId: datasourceId,
+      parameters: parameters
+    }),
+    status = _useDatasourceTableSt.status,
+    responseItems = _useDatasourceTableSt.responseItems;
+  var isDisabled = status === 'rejected' || status === 'loading' || status === 'empty' || status === 'resolved' && !responseItems.length;
+  var onInsertPressed = useCallback(function () {
+    /* Placeholder for inserting of ADF, to do in FLY-1241 */
+  }, []);
+  return jsx(ModalTransition, null, jsx(Modal, {
+    testId: 'asset-datasource-modal',
+    onClose: onCancel,
+    width: "x-large",
+    shouldScrollInViewport: true
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null)), jsx(ModalBody, null, jsx(ModalContentContainer, null, jsx(RenderAssetsContent, {
+    status: status,
+    responseItems: responseItems
+  }))), jsx(ModalFooter, null, jsx(Button, {
+    appearance: "default",
+    onClick: onCancel
+  }, jsx(FormattedMessage, modalMessages.cancelButtonText)), jsx(Button, {
+    appearance: "primary",
+    onClick: onInsertPressed,
+    isDisabled: isDisabled,
+    testId: 'asset-datasource-modal--insert-button'
+  }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText)))));
+};

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

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export var modalMessages = defineMessages({
+  cancelButtonText: {
+    id: 'linkDataSource.assets.configmodal.cancelButtonText',
+    description: 'Button text to close the modal with no changes being made',
+    defaultMessage: 'Cancel'
+  },
+  insertIssuesButtonText: {
+    id: 'linkDataSource.assets.configmodal.insertIssuesButtonText',
+    description: 'Button text to insert the displayed content',
+    defaultMessage: 'Insert objects'
+  }
+});

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ModalLoadingError } from '../../../common/error-state/modal-loading-error';
+import { NoResults } from '../../../common/error-state/no-results';
+import { EmptyState } from '../../../issue-like-table';
+export var RenderAssetsContent = function RenderAssetsContent(props) {
+  var status = props.status,
+    responseItems = props.responseItems;
+  var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
+  if (status === 'rejected') {
+    return /*#__PURE__*/React.createElement(ModalLoadingError, null);
+  } else if (resolvedWithNoResults) {
+    return /*#__PURE__*/React.createElement(NoResults, null);
+  } else if (status === 'empty') {
+    return /*#__PURE__*/React.createElement(EmptyState, {
+      testId: "assets-aql-datasource-modal--empty-state"
+    });
+  }
+  return /*#__PURE__*/React.createElement("p", null, "TODO add IssueLikeDataTableView component.");
+};

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

@@ -0,0 +1,4 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import styled from '@emotion/styled';
+export var ModalContentContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: 'grid';\n  height: '420px';\n  overflow: 'auto';\n"])));

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

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui/common/error-state/modal-loading-error.js

@@ -33,7 +33,7 @@ export var ModalLoadingError = function ModalLoadingError(_ref) {
     css: errorMessageStyles
   }, jsx(FormattedMessage, loadingErrorMessages.unableToLoadResults)), jsx("p", {
     css: errorDescriptionStyles
-  }, jsx(FormattedMessage, _extends({}, loadingErrorMessages.checkConnectionWithSource, {
+  }, url ? jsx(FormattedMessage, _extends({}, loadingErrorMessages.checkConnectionWithSource, {
     values: {
       a: function a(chunk) {
         return jsx("a", {
@@ -41,5 +41,5 @@ export var ModalLoadingError = function ModalLoadingError(_ref) {
         }, chunk);
       }
     }
-  })))));
+  })) : jsx(FormattedMessage, loadingErrorMessages.checkConnection))));
 };

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "0.27.4",
+	"version": "0.28.0",
 	"sideEffects": false
 }

package/dist/types/index.d.ts

@@ -1,5 +1,8 @@
 export { default as JiraIssuesConfigModal } from './ui/jira-issues-modal';
 export { default as DatasourceTableView } from './ui/datasource-table-view';
+export { default as JSMAssetsConfigModal } from './ui/assets-modal';
 export type { JiraIssuesDatasourceAdf, JiraIssueDatasourceParameters, } from './ui/jira-issues-modal/types';
+export type { AssetsDatasourceAdf, AssetsDatasourceParameters, } from './ui/assets-modal/types';
 export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
+export { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from './ui/assets-modal';
 export type { DatasourceAdf, DatasourceAdfView, DatasourceAdfTableView, } from '@atlaskit/linking-common/types';

package/dist/types/ui/assets-modal/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AssetsConfigModalProps } from './types';
+export declare const ASSETS_LIST_OF_LINKS_DATASOURCE_ID = "361d618a-3c04-40ad-9b27-3c8ea6927020";
+declare const AssetsConfigModalWithWrappers: (props: AssetsConfigModalProps) => JSX.Element;
+export default AssetsConfigModalWithWrappers;

package/dist/types/ui/assets-modal/modal/index.d.ts

@@ -0,0 +1,3 @@
+import { jsx } from '@emotion/react';
+import { AssetsConfigModalProps } from '../types';
+export declare const AssetsConfigModal: (props: AssetsConfigModalProps) => jsx.JSX.Element;

package/dist/types/ui/assets-modal/modal/messages.d.ts

@@ -0,0 +1,12 @@
+export declare const modalMessages: {
+    cancelButtonText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    insertIssuesButtonText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/dist/types/ui/assets-modal/modal/render-assets-content/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DatasourceDataResponseItem, DatasourceTableStatusType } from '@atlaskit/linking-types';
+interface RenderAssetsContentProps {
+    status: DatasourceTableStatusType;
+    responseItems: DatasourceDataResponseItem[];
+}
+export declare const RenderAssetsContent: (props: RenderAssetsContentProps) => JSX.Element;
+export {};

package/dist/types/ui/assets-modal/modal/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ModalContentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/ui/assets-modal/types.d.ts

@@ -0,0 +1,23 @@
+import { DatasourceAdf, DatasourceAdfView, InlineCardAdf } from '@atlaskit/linking-common/types';
+export interface AssetsDatasourceParameters {
+    cloudId: string;
+    aql: string;
+    schemaId?: string;
+}
+export interface AssetsDatasourceAdf extends DatasourceAdf {
+    attrs: {
+        url?: string;
+        datasource: {
+            id: string;
+            parameters: AssetsDatasourceParameters;
+            views: DatasourceAdfView[];
+        };
+    };
+}
+export interface AssetsConfigModalProps {
+    datasourceId: string;
+    visibleColumnKeys?: string[];
+    parameters?: AssetsDatasourceParameters;
+    onCancel: () => void;
+    onInsert: (adf: InlineCardAdf | AssetsDatasourceAdf) => void;
+}

package/dist/types/ui/common/error-state/modal-loading-error.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface ModalLoadingErrorProps {
-    url: string;
+    url?: string;
 }
 export declare const ModalLoadingError: ({ url }: ModalLoadingErrorProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/index.d.ts

@@ -1,5 +1,8 @@
 export { default as JiraIssuesConfigModal } from './ui/jira-issues-modal';
 export { default as DatasourceTableView } from './ui/datasource-table-view';
+export { default as JSMAssetsConfigModal } from './ui/assets-modal';
 export type { JiraIssuesDatasourceAdf, JiraIssueDatasourceParameters, } from './ui/jira-issues-modal/types';
+export type { AssetsDatasourceAdf, AssetsDatasourceParameters, } from './ui/assets-modal/types';
 export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
+export { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from './ui/assets-modal';
 export type { DatasourceAdf, DatasourceAdfView, DatasourceAdfTableView, } from '@atlaskit/linking-common/types';

package/dist/types-ts4.5/ui/assets-modal/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AssetsConfigModalProps } from './types';
+export declare const ASSETS_LIST_OF_LINKS_DATASOURCE_ID = "361d618a-3c04-40ad-9b27-3c8ea6927020";
+declare const AssetsConfigModalWithWrappers: (props: AssetsConfigModalProps) => JSX.Element;
+export default AssetsConfigModalWithWrappers;

package/dist/types-ts4.5/ui/assets-modal/modal/index.d.ts

@@ -0,0 +1,3 @@
+import { jsx } from '@emotion/react';
+import { AssetsConfigModalProps } from '../types';
+export declare const AssetsConfigModal: (props: AssetsConfigModalProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/assets-modal/modal/messages.d.ts

@@ -0,0 +1,12 @@
+export declare const modalMessages: {
+    cancelButtonText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+    insertIssuesButtonText: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/dist/types-ts4.5/ui/assets-modal/modal/render-assets-content/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DatasourceDataResponseItem, DatasourceTableStatusType } from '@atlaskit/linking-types';
+interface RenderAssetsContentProps {
+    status: DatasourceTableStatusType;
+    responseItems: DatasourceDataResponseItem[];
+}
+export declare const RenderAssetsContent: (props: RenderAssetsContentProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/ui/assets-modal/modal/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ModalContentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types-ts4.5/ui/assets-modal/types.d.ts

@@ -0,0 +1,23 @@
+import { DatasourceAdf, DatasourceAdfView, InlineCardAdf } from '@atlaskit/linking-common/types';
+export interface AssetsDatasourceParameters {
+    cloudId: string;
+    aql: string;
+    schemaId?: string;
+}
+export interface AssetsDatasourceAdf extends DatasourceAdf {
+    attrs: {
+        url?: string;
+        datasource: {
+            id: string;
+            parameters: AssetsDatasourceParameters;
+            views: DatasourceAdfView[];
+        };
+    };
+}
+export interface AssetsConfigModalProps {
+    datasourceId: string;
+    visibleColumnKeys?: string[];
+    parameters?: AssetsDatasourceParameters;
+    onCancel: () => void;
+    onInsert: (adf: InlineCardAdf | AssetsDatasourceAdf) => void;
+}

package/dist/types-ts4.5/ui/common/error-state/modal-loading-error.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 interface ModalLoadingErrorProps {
-    url: string;
+    url?: string;
 }
 export declare const ModalLoadingError: ({ url }: ModalLoadingErrorProps) => jsx.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "0.27.4",
+  "version": "0.28.0",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/image": "^1.1.0",
     "@atlaskit/link-client-extension": "^1.5.0",
-    "@atlaskit/linking-common": "^3.2.0",
+    "@atlaskit/linking-common": "^3.3.0",
     "@atlaskit/linking-types": "^8.1.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/modal-dialog": "^12.6.0",
@@ -64,6 +64,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
+    "@af/visual-regression": "*",
     "@atlaskit/link-provider": "^1.6.0",
     "@atlaskit/link-test-helpers": "^4.1.0",
     "@atlaskit/ssr": "*",

package/report.api.md

@@ -22,6 +22,47 @@ import { DatasourceAdfTableView } from '@atlaskit/linking-common/types';
 import { DatasourceAdfView } from '@atlaskit/linking-common/types';
 import { InlineCardAdf } from '@atlaskit/linking-common/types';
 
+// @public (undocumented)
+export const ASSETS_LIST_OF_LINKS_DATASOURCE_ID =
+  '361d618a-3c04-40ad-9b27-3c8ea6927020';
+
+// @public (undocumented)
+interface AssetsConfigModalProps {
+  // (undocumented)
+  datasourceId: string;
+  // (undocumented)
+  onCancel: () => void;
+  // (undocumented)
+  onInsert: (adf: AssetsDatasourceAdf | InlineCardAdf) => void;
+  // (undocumented)
+  parameters?: AssetsDatasourceParameters;
+  // (undocumented)
+  visibleColumnKeys?: string[];
+}
+
+// @public (undocumented)
+export interface AssetsDatasourceAdf extends DatasourceAdf {
+  // (undocumented)
+  attrs: {
+    url?: string;
+    datasource: {
+      id: string;
+      parameters: AssetsDatasourceParameters;
+      views: DatasourceAdfView[];
+    };
+  };
+}
+
+// @public (undocumented)
+export interface AssetsDatasourceParameters {
+  // (undocumented)
+  aql: string;
+  // (undocumented)
+  cloudId: string;
+  // (undocumented)
+  schemaId?: string;
+}
+
 export { DatasourceAdf };
 
 export { DatasourceAdfTableView };
@@ -107,6 +148,11 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
   };
 }
 
+// @public (undocumented)
+export const JSMAssetsConfigModal: (
+  props: AssetsConfigModalProps,
+) => JSX.Element;
+
 // @public (undocumented)
 type XOR<T1, T2> =
   | (T1 & {

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,143 @@
+## API Report File for "@atlaskit/link-datasource"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { DatasourceAdf } from '@atlaskit/linking-common/types';
+import { DatasourceAdfTableView } from '@atlaskit/linking-common/types';
+import { DatasourceAdfView } from '@atlaskit/linking-common/types';
+import { InlineCardAdf } from '@atlaskit/linking-common/types';
+
+// @public (undocumented)
+export const ASSETS_LIST_OF_LINKS_DATASOURCE_ID = "361d618a-3c04-40ad-9b27-3c8ea6927020";
+
+// @public (undocumented)
+interface AssetsConfigModalProps {
+    // (undocumented)
+    datasourceId: string;
+    // (undocumented)
+    onCancel: () => void;
+    // (undocumented)
+    onInsert: (adf: AssetsDatasourceAdf | InlineCardAdf) => void;
+    // (undocumented)
+    parameters?: AssetsDatasourceParameters;
+    // (undocumented)
+    visibleColumnKeys?: string[];
+}
+
+// @public (undocumented)
+export interface AssetsDatasourceAdf extends DatasourceAdf {
+    // (undocumented)
+    attrs: {
+        url?: string;
+        datasource: {
+            id: string;
+            parameters: AssetsDatasourceParameters;
+            views: DatasourceAdfView[];
+        };
+    };
+}
+
+// @public (undocumented)
+export interface AssetsDatasourceParameters {
+    // (undocumented)
+    aql: string;
+    // (undocumented)
+    cloudId: string;
+    // (undocumented)
+    schemaId?: string;
+}
+
+export { DatasourceAdf }
+
+export { DatasourceAdfTableView }
+
+export { DatasourceAdfView }
+
+// @public (undocumented)
+export const DatasourceTableView: (props: DatasourceTableViewProps) => JSX.Element;
+
+// @public (undocumented)
+interface DatasourceTableViewProps {
+    // (undocumented)
+    datasourceId: string;
+    // (undocumented)
+    fields?: string[];
+    // (undocumented)
+    onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
+    // (undocumented)
+    parameters: object;
+    // (undocumented)
+    visibleColumnKeys?: string[];
+}
+
+// @public (undocumented)
+export const JIRA_LIST_OF_LINKS_DATASOURCE_ID = "d8b75300-dfda-4519-b6cd-e49abbd50401";
+
+// @public (undocumented)
+export type JiraIssueDatasourceParameters = {
+    cloudId: string;
+} & JiraIssueDatasourceParametersQuery;
+
+// @public (undocumented)
+type JiraIssueDatasourceParametersQuery = XOR<{
+    jql: string;
+}, {
+    filter: string;
+}>;
+
+// @public (undocumented)
+export const JiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => JSX.Element;
+
+// @public (undocumented)
+interface JiraIssuesConfigModalProps {
+    // (undocumented)
+    datasourceId: string;
+    // (undocumented)
+    onCancel: () => void;
+    // (undocumented)
+    onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf) => void;
+    // (undocumented)
+    parameters?: JiraIssueDatasourceParameters;
+    // (undocumented)
+    visibleColumnKeys?: string[];
+}
+
+// @public (undocumented)
+export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
+    // (undocumented)
+    attrs: {
+        url?: string;
+        datasource: {
+            id: string;
+            parameters: JiraIssueDatasourceParameters;
+            views: [
+                {
+                type: 'table';
+                properties?: {
+                    columns: {
+                        key: string;
+                    }[];
+                };
+            }
+            ];
+        };
+    };
+}
+
+// @public (undocumented)
+export const JSMAssetsConfigModal: (props: AssetsConfigModalProps) => JSX.Element;
+
+// @public (undocumented)
+type XOR<T1, T2> = (T1 & {
+    [k in Exclude<keyof T2, keyof T1>]?: never;
+}) | (T2 & {
+    [k in Exclude<keyof T1, keyof T2>]?: never;
+});
+
+// (No @packageDocumentation comment for this package)
+
+```