@atlaskit/link-datasource 0.27.3 → 0.28.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @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
+
+- [`45562e99798`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45562e99798) - Added cmdbService, useAssetsClient hook and useValidateAqlText hook
+
 ## 0.27.3
 
 ### Patch Changes

package/dist/cjs/hooks/useAssetsClient.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAssetsClient = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _cmdbService = require("../services/cmdbService");
+// TODO: Pass in localhost:3000 for testing locally - remember to remove this code after
+// You must also have a proxy server running to forward requests from http://localhost:3000 to a JSM premium url
+var useAssetsClient = function useAssetsClient(hostname) {
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    objectSchemas = _useState2[0],
+    setObjectSchemas = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    workspaceId = _useState4[0],
+    setWorkspaceId = _useState4[1];
+  var _useState5 = (0, _react.useState)(),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  (0, _react.useEffect)(function () {
+    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _workspaceId, objectSchemasResponse;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return (0, _cmdbService.getWorkspaceId)(hostname);
+          case 3:
+            _workspaceId = _context.sent;
+            _context.next = 6;
+            return (0, _cmdbService.fetchObjectSchemas)(_workspaceId, hostname);
+          case 6:
+            objectSchemasResponse = _context.sent;
+            setWorkspaceId(_workspaceId);
+            setObjectSchemas(objectSchemasResponse.values);
+            _context.next = 14;
+            break;
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](0);
+            if (_context.t0 instanceof Error) {
+              setError(_context.t0);
+            } else {
+              setError(new Error('Unexpected error occured'));
+              // eslint-disable-next-line no-console
+              console.error(_context.t0);
+            }
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 11]]);
+    }))();
+  }, [hostname]);
+  return {
+    workspaceId: workspaceId,
+    objectSchemas: objectSchemas,
+    error: error
+  };
+};
+exports.useAssetsClient = useAssetsClient;

package/dist/cjs/hooks/useValidateAqlText.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useValidateAqlText = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _cmdbService = require("../services/cmdbService");
+var useValidateAqlText = function useValidateAqlText(workspaceId, hostname) {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var validateAqlText = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(aql) {
+      var validateAqlResponse;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setIsLoading(true);
+            _context.next = 3;
+            return (0, _cmdbService.validateAql)(workspaceId, {
+              qlQuery: aql
+            }, hostname);
+          case 3:
+            validateAqlResponse = _context.sent;
+            setIsLoading(false);
+            return _context.abrupt("return", validateAqlResponse.isValid);
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [hostname, workspaceId]);
+  return {
+    validateAqlText: validateAqlText,
+    isLoading: isLoading
+  };
+};
+exports.useValidateAqlText = useValidateAqlText;

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/services/cmdbService.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateAql = exports.getWorkspaceId = exports.fetchObjectSchemas = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _linkingCommon = require("@atlaskit/linking-common");
+var getWorkspaceId = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(hostname) {
+    var _workspaceDetailsResp;
+    var url, workspaceDetailsResponse;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          url = "".concat(hostname || '', "/rest/servicedesk/cmdb/latest/workspace");
+          _context.next = 3;
+          return (0, _linkingCommon.request)('get', url, undefined, undefined, [200, 201, 202, 203, 204]);
+        case 3:
+          workspaceDetailsResponse = _context.sent;
+          if ((_workspaceDetailsResp = workspaceDetailsResponse.results) !== null && _workspaceDetailsResp !== void 0 && _workspaceDetailsResp.length) {
+            _context.next = 6;
+            break;
+          }
+          throw new Error('No workspace results found');
+        case 6:
+          return _context.abrupt("return", workspaceDetailsResponse.results[0].id);
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getWorkspaceId(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+exports.getWorkspaceId = getWorkspaceId;
+var validateAql = function validateAql(workspaceId, data, hostname) {
+  var url = "".concat(hostname || '', "/gateway/api/jsm/assets/workspace/").concat(workspaceId, "/v1/aql/validate");
+  return (0, _linkingCommon.request)('post', url, {
+    qlQuery: data.qlQuery,
+    context: 'SMART_LINKS'
+  }, undefined, [200, 201, 202, 203, 204]);
+};
+exports.validateAql = validateAql;
+var fetchObjectSchemas = function fetchObjectSchemas(workspaceId, hostname) {
+  var url = "".concat(hostname || '', "/gateway/api/jsm/assets/workspace/").concat(workspaceId, "/v1/objectschema/list?maxResults=100");
+  return (0, _linkingCommon.request)('get', url, undefined, undefined, [200, 201, 202, 203, 204]);
+};
+exports.fetchObjectSchemas = fetchObjectSchemas;

package/dist/cjs/types/assets/types.js

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

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.3",
+	"version": "0.28.0",
 	"sideEffects": false
 }

package/dist/es2019/hooks/useAssetsClient.js

@@ -0,0 +1,32 @@
+import { useEffect, useState } from 'react';
+import { fetchObjectSchemas, getWorkspaceId } from '../services/cmdbService';
+// TODO: Pass in localhost:3000 for testing locally - remember to remove this code after
+// You must also have a proxy server running to forward requests from http://localhost:3000 to a JSM premium url
+export const useAssetsClient = hostname => {
+  const [objectSchemas, setObjectSchemas] = useState();
+  const [workspaceId, setWorkspaceId] = useState();
+  const [error, setError] = useState();
+  useEffect(() => {
+    (async () => {
+      try {
+        const workspaceId = await getWorkspaceId(hostname);
+        const objectSchemasResponse = await fetchObjectSchemas(workspaceId, hostname);
+        setWorkspaceId(workspaceId);
+        setObjectSchemas(objectSchemasResponse.values);
+      } catch (err) {
+        if (err instanceof Error) {
+          setError(err);
+        } else {
+          setError(new Error('Unexpected error occured'));
+          // eslint-disable-next-line no-console
+          console.error(err);
+        }
+      }
+    })();
+  }, [hostname]);
+  return {
+    workspaceId,
+    objectSchemas,
+    error
+  };
+};

package/dist/es2019/hooks/useValidateAqlText.js

@@ -0,0 +1,17 @@
+import { useCallback, useState } from 'react';
+import { validateAql } from '../services/cmdbService';
+export const useValidateAqlText = (workspaceId, hostname) => {
+  const [isLoading, setIsLoading] = useState(false);
+  const validateAqlText = useCallback(async aql => {
+    setIsLoading(true);
+    const validateAqlResponse = await validateAql(workspaceId, {
+      qlQuery: aql
+    }, hostname);
+    setIsLoading(false);
+    return validateAqlResponse.isValid;
+  }, [hostname, workspaceId]);
+  return {
+    validateAqlText,
+    isLoading
+  };
+};

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/services/cmdbService.js

@@ -0,0 +1,21 @@
+import { request } from '@atlaskit/linking-common';
+export const getWorkspaceId = async hostname => {
+  var _workspaceDetailsResp;
+  const url = `${hostname || ''}/rest/servicedesk/cmdb/latest/workspace`;
+  const workspaceDetailsResponse = await request('get', url, undefined, undefined, [200, 201, 202, 203, 204]);
+  if (!((_workspaceDetailsResp = workspaceDetailsResponse.results) !== null && _workspaceDetailsResp !== void 0 && _workspaceDetailsResp.length)) {
+    throw new Error('No workspace results found');
+  }
+  return workspaceDetailsResponse.results[0].id;
+};
+export const validateAql = (workspaceId, data, hostname) => {
+  const url = `${hostname || ''}/gateway/api/jsm/assets/workspace/${workspaceId}/v1/aql/validate`;
+  return request('post', url, {
+    qlQuery: data.qlQuery,
+    context: 'SMART_LINKS'
+  }, undefined, [200, 201, 202, 203, 204]);
+};
+export const fetchObjectSchemas = (workspaceId, hostname) => {
+  const url = `${hostname || ''}/gateway/api/jsm/assets/workspace/${workspaceId}/v1/objectschema/list?maxResults=100`;
+  return request('get', url, undefined, undefined, [200, 201, 202, 203, 204]);
+};

package/dist/es2019/types/assets/types.js

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

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 {};