@atlaskit/link-datasource 0.15.1 → 0.16.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/link-datasource
 
+## 0.16.1
+
+### Patch Changes
+
+- [`d9be88498a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9be88498a8) - Updated components to use the new `DatasourceType` value format
+- Updated dependencies
+
+## 0.16.0
+
+### Minor Changes
+
+- [`a68bac355b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a68bac355b0) - Renaming `JiraIssuesTableView` into `DatasourceTableView` and changing its `parameters` property to be an `object`
+
 ## 0.15.1
 
 ### Patch Changes

package/dist/cjs/hooks/useDatasourceTableState.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDatasourceTableState = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
@@ -45,27 +44,25 @@ var useDatasourceTableState = function useDatasourceTableState(datasourceId, par
     getDatasourceData = _useDatasourceClientE.getDatasourceData,
     getDatasourceDetails = _useDatasourceClientE.getDatasourceDetails;
   var loadDatasourceDetails = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-      var _getDatasourceDetails;
-      var cloudId, parameterValue, parameterType, result;
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(parameters) {
+      var result;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            cloudId = _ref.cloudId, parameterValue = _ref.value, parameterType = _ref.type;
-            _context.next = 3;
-            return getDatasourceDetails(datasourceId, (_getDatasourceDetails = {}, (0, _defineProperty2.default)(_getDatasourceDetails, parameterType, parameterValue), (0, _defineProperty2.default)(_getDatasourceDetails, "cloudId", cloudId), _getDatasourceDetails));
-          case 3:
+            _context.next = 2;
+            return getDatasourceDetails(datasourceId, parameters);
+          case 2:
             result = _context.sent;
             setColumns(result.schema.properties);
             setDefaultVisibleColumnKeys(result.schema.defaultProperties);
-          case 6:
+          case 5:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
     return function (_x) {
-      return _ref2.apply(this, arguments);
+      return _ref.apply(this, arguments);
     };
   }(), [datasourceId, getDatasourceDetails]);
   (0, _react.useEffect)(function () {
@@ -74,7 +71,7 @@ var useDatasourceTableState = function useDatasourceTableState(datasourceId, par
     }
   }, [loadDatasourceDetails, parameters]);
   var onNextPage = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-    var cloudId, parameterValue, parameterType, _yield$getDatasourceD, data, nextPageCursor, totalIssues;
+    var _yield$getDatasourceD, data, nextPageCursor, totalIssues;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -84,18 +81,15 @@ var useDatasourceTableState = function useDatasourceTableState(datasourceId, par
           }
           return _context2.abrupt("return");
         case 2:
-          cloudId = parameters.cloudId, parameterValue = parameters.value, parameterType = parameters.type;
           setStatus('loading');
-          _context2.next = 6;
+          _context2.next = 5;
           return getDatasourceData(datasourceId, {
-            parameters: (0, _defineProperty2.default)({
-              cloudId: cloudId
-            }, parameterType, parameterValue),
+            parameters: parameters,
             pageSize: 10,
             pageCursor: nextCursor,
             fields: fields
           });
-        case 6:
+        case 5:
           _yield$getDatasourceD = _context2.sent;
           data = _yield$getDatasourceD.data;
           nextPageCursor = _yield$getDatasourceD.nextPageCursor;
@@ -107,7 +101,7 @@ var useDatasourceTableState = function useDatasourceTableState(datasourceId, par
           });
           setStatus('resolved');
           setHasNextPage(Boolean(nextPageCursor));
-        case 15:
+        case 14:
         case "end":
           return _context2.stop();
       }

package/dist/cjs/index.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "JiraIssuesConfigModal", {
+Object.defineProperty(exports, "DatasourceTableView", {
   enumerable: true,
   get: function get() {
-    return _modal.JiraIssuesConfigModal;
+    return _datasourceTableView.DatasourceTableView;
   }
 });
-Object.defineProperty(exports, "JiraIssuesTableView", {
+Object.defineProperty(exports, "JiraIssuesConfigModal", {
   enumerable: true,
   get: function get() {
-    return _tableView.JiraIssuesTableView;
+    return _jiraIssuesModal.JiraIssuesConfigModal;
   }
 });
-var _modal = require("./ui/jira-issues/modal");
-var _tableView = require("./ui/jira-issues/tableView");
+var _jiraIssuesModal = require("./ui/jira-issues-modal");
+var _datasourceTableView = require("./ui/datasourceTableView");

package/dist/cjs/ui/{jira-issues/tableView.js → datasourceTableView.js}

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.JiraIssuesTableView = void 0;
+exports.DatasourceTableView = void 0;
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _useDatasourceTableState = require("../../hooks/useDatasourceTableState");
-var _issueLikeTable = require("../issue-like-table");
+var _useDatasourceTableState = require("../hooks/useDatasourceTableState");
+var _issueLikeTable = require("./issue-like-table");
 var _tableFooter = require("./table-footer");
 /** @jsx jsx */
 
@@ -23,7 +23,7 @@ var TableViewWrapperStyles = (0, _react2.css)({
   paddingBottom: 0,
   boxSizing: 'border-box'
 });
-var JiraIssuesTableView = function JiraIssuesTableView(_ref) {
+var DatasourceTableView = function DatasourceTableView(_ref) {
   var datasourceId = _ref.datasourceId,
     parameters = _ref.parameters,
     visibleColumnKeys = _ref.visibleColumnKeys,
@@ -45,7 +45,7 @@ var JiraIssuesTableView = function JiraIssuesTableView(_ref) {
   return columns.length > 0 ? (0, _react2.jsx)("div", {
     css: TableViewWrapperStyles
   }, (0, _react2.jsx)(_issueLikeTable.IssueLikeDataTableView, {
-    testId: 'jira-issues-table-view',
+    testId: 'datasource-table-view',
     hasNextPage: hasNextPage,
     items: responseItems,
     onNextPage: onNextPage,
@@ -58,7 +58,7 @@ var JiraIssuesTableView = function JiraIssuesTableView(_ref) {
     onRefresh: reset,
     isLoading: status === 'loading'
   })) : (0, _react2.jsx)(_spinner.default, {
-    testId: 'jira-issues-table-view-spinner'
+    testId: 'datasource-table-view-spinner'
   });
 };
-exports.JiraIssuesTableView = JiraIssuesTableView;
+exports.DatasourceTableView = DatasourceTableView;

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

@@ -238,7 +238,7 @@ var IssueLikeDataTableView = function IssueLikeDataTableView(_ref2) {
   var tableRows = (0, _react.useMemo)(function () {
     return items.map(function (newRowData, rowIndex) {
       return {
-        key: "".concat(identityColumnKey && newRowData[identityColumnKey] || rowIndex),
+        key: "".concat(identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].value || rowIndex),
         cells: visibleSortedColumns.map(function (_ref9) {
           var key = _ref9.key,
             type = _ref9.type;

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

@@ -1,14 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.BOOLEAN_TYPE_TEST_ID = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _text = _interopRequireDefault(require("../text"));
 var _messages = require("./messages");
+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; }
 var BOOLEAN_TYPE_TEST_ID = 'link-datasource-render-type--boolean';
 exports.BOOLEAN_TYPE_TEST_ID = BOOLEAN_TYPE_TEST_ID;
 var BooleanRenderType = function BooleanRenderType(_ref) {
@@ -16,13 +19,19 @@ var BooleanRenderType = function BooleanRenderType(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? BOOLEAN_TYPE_TEST_ID : _ref$testId;
   var intl = (0, _reactIntlNext.useIntl)();
-  if (typeof value !== 'boolean') {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  }
+  var booleanValue = value === null || value === void 0 ? void 0 : value.value;
   var TRUTHY_TEXT = intl.formatMessage(_messages.booleanTypeMessages.booleanTruthyValue);
   var FALSY_TEXT = intl.formatMessage(_messages.booleanTypeMessages.booleanFalsyValue);
+  var displayTextObject = (0, _react.useMemo)(function () {
+    return {
+      value: booleanValue ? TRUTHY_TEXT : FALSY_TEXT
+    };
+  }, [booleanValue, TRUTHY_TEXT, FALSY_TEXT]);
+  if (typeof booleanValue !== 'boolean') {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
   return /*#__PURE__*/_react.default.createElement(_text.default, {
-    text: value ? TRUTHY_TEXT : FALSY_TEXT,
+    text: displayTextObject,
     testId: testId
   });
 };

package/dist/cjs/ui/issue-like-table/render-type/date-time/index.js

@@ -28,9 +28,10 @@ var DateTimeRenderType = function DateTimeRenderType(_ref) {
     testId = _ref$testId === void 0 ? DATETIME_TYPE_TEST_ID : _ref$testId,
     _ref$display = _ref.display,
     display = _ref$display === void 0 ? 'datetime' : _ref$display;
-  var date = new Date(value);
+  var dateString = value === null || value === void 0 ? void 0 : value.value;
+  var date = new Date(dateString);
   var intl = (0, _reactIntlNext.useIntl)();
-  if (!value || isNaN(date.getTime())) {
+  if (!dateString || isNaN(date.getTime())) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
   var options = {

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

@@ -12,10 +12,11 @@ var NumberRenderType = function NumberRenderType(_ref) {
   var number = _ref.number,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? NUMBER_TYPE_TEST_ID : _ref$testId;
-  if (typeof number !== 'number') {
+  var numberValue = number === null || number === void 0 ? void 0 : number.value;
+  if (typeof numberValue !== 'number') {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-  var formattedNumber = Number.isInteger(number) ? number : "".concat(number.toFixed(2));
+  var formattedNumber = Number.isInteger(numberValue) ? numberValue : "".concat(numberValue.toFixed(2));
   return /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": testId
   }, formattedNumber);

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

@@ -13,11 +13,12 @@ var TagRenderType = function TagRenderType(_ref) {
   var text = _ref.text,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? TAG_TYPE_TEST_ID : _ref$testId;
-  if (!text) {
+  var tag = text === null || text === void 0 ? void 0 : text.value;
+  if (!tag) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
   return /*#__PURE__*/_react.default.createElement(_tag.SimpleTag, {
-    text: text,
+    text: tag,
     testId: testId,
     appearance: 'default',
     color: 'standard'

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

@@ -12,12 +12,13 @@ var TextRenderType = function TextRenderType(_ref) {
   var text = _ref.text,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? TEXT_TYPE_TEST_ID : _ref$testId;
-  if (!text) {
+  var textValue = text === null || text === void 0 ? void 0 : text.value;
+  if (!textValue) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
   return /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": testId
-  }, text);
+  }, textValue);
 };
 var _default = TextRenderType;
 exports.default = _default;

package/dist/cjs/ui/{jira-issues/modal → jira-issues-modal}/index.js

@@ -16,10 +16,10 @@ var _reactIntlNext = require("react-intl-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _colors = require("@atlaskit/theme/colors");
-var _useDatasourceTableState = require("../../../hooks/useDatasourceTableState");
-var _getAvailableJiraSites = require("../../../services/getAvailableJiraSites");
-var _issueLikeTable = require("../../issue-like-table");
-var _link = _interopRequireDefault(require("../../issue-like-table/render-type/link"));
+var _useDatasourceTableState = require("../../hooks/useDatasourceTableState");
+var _getAvailableJiraSites = require("../../services/getAvailableJiraSites");
+var _issueLikeTable = require("../issue-like-table");
+var _link = _interopRequireDefault(require("../issue-like-table/render-type/link"));
 var _jiraSearchContainer = require("./jira-search-container");
 var _messages = require("./messages");
 var _modeSwitcher = require("./mode-switcher");
@@ -59,10 +59,10 @@ var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
     onInsert = props.onInsert,
     onUpdateParameters = props.onUpdateParameters,
     onVisibleColumnKeysChange = props.onVisibleColumnKeysChange;
-  var isParametersSet = !!(parameters && parameters.value && parameters.cloudId);
+  var isParametersSet = !!(parameters && parameters.jql && parameters.cloudId);
   var _ref = parameters || {},
     cloudId = _ref.cloudId,
-    jql = _ref.value;
+    jql = _ref.jql;
   var _useDatasourceTableSt = (0, _useDatasourceTableState.useDatasourceTableState)(datasourceId, parameters, ['key']),
     reset = _useDatasourceTableSt.reset,
     status = _useDatasourceTableSt.status,

package/dist/cjs/ui/{jira-issues/modal → jira-issues-modal}/jira-search-container/index.js

@@ -30,7 +30,7 @@ var JiraSearchContainer = function JiraSearchContainer(props) {
     onSearch = props.onSearch;
   var _ref = parameters || {},
     cloudId = _ref.cloudId,
-    initialJql = _ref.value;
+    initialJql = _ref.jql;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var basicModeValue = 'basic';
@@ -86,8 +86,7 @@ var JiraSearchContainer = function JiraSearchContainer(props) {
   };
   var handleSearch = function handleSearch() {
     onSearch({
-      value: jql,
-      type: 'jql'
+      jql: jql
     });
   };
   return (0, _react2.jsx)("div", {

package/dist/cjs/ui/{jira-issues/modal → jira-issues-modal}/jql-editor/index.js

@@ -8,8 +8,8 @@ exports.JiraJQLEditor = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _jqlEditor = require("@atlassianlabs/jql-editor");
 var _jqlEditorAutocompleteRest = require("@atlassianlabs/jql-editor-autocomplete-rest");
-var _makeGetJqlAutocompleteData = require("../../../../services/makeGetJqlAutocompleteData");
-var _makeGetJqlSuggestionsData = require("../../../../services/makeGetJqlSuggestionsData");
+var _makeGetJqlAutocompleteData = require("../../../services/makeGetJqlAutocompleteData");
+var _makeGetJqlSuggestionsData = require("../../../services/makeGetJqlSuggestionsData");
 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; }
 var JiraJQLEditor = function JiraJQLEditor(props) {

package/dist/cjs/ui/{jira-issues/table-footer → table-footer}/messages.js

@@ -7,17 +7,17 @@ exports.footerMessages = void 0;
 var _reactIntlNext = require("react-intl-next");
 var footerMessages = (0, _reactIntlNext.defineMessages)({
   issueText: {
-    id: 'linkDataSource.jira-issues.table-footer.issue',
+    id: 'linkDataSource.table-footer.issue',
     description: 'Text that appears after issue count number if there is only 1 issue.',
     defaultMessage: '{issueCount} {issueCount, plural, one {issue} other {issues}}'
   },
   loadingText: {
-    id: 'linkDataSource.jira-issues.table-footer.loading',
+    id: 'linkDataSource.table-footer.loading',
     description: 'Text that appears when table is loading.',
     defaultMessage: 'Loading...'
   },
   refreshLabel: {
-    id: 'linkDataSource.jira-issues.table-footer.refresh',
+    id: 'linkDataSource.table-footer.refresh',
     description: 'Label for refresh icon',
     defaultMessage: 'Refresh'
   }

package/dist/cjs/ui/{jira-issues/table-footer → table-footer}/sync-info/messages.js

@@ -7,12 +7,12 @@ exports.messages = void 0;
 var _reactIntlNext = require("react-intl-next");
 var messages = (0, _reactIntlNext.defineMessages)({
   underOneMinuteText: {
-    id: 'linkDataSource.jira-issues.table-footer.date_formatter.under_one_minute',
+    id: 'linkDataSource.table-footer.date_formatter.under_one_minute',
     defaultMessage: 'Synced just now',
     description: 'A text to indicate the last data fetch time was under a minute.'
   },
   overOneMinuteText: {
-    id: 'linkDataSource.jira-issues.table-footer.date_formatter.under_over_minute',
+    id: 'linkDataSource.table-footer.date_formatter.under_over_minute',
     defaultMessage: 'Synced {date}',
     description: 'A text to indicate the last data fetch time was over a minute.'
   }

package/dist/cjs/version.json

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

package/dist/es2019/hooks/useDatasourceTableState.js

@@ -12,15 +12,8 @@ export const useDatasourceTableState = (datasourceId, parameters, fields) => {
     getDatasourceData,
     getDatasourceDetails
   } = useDatasourceClientExtension();
-  const loadDatasourceDetails = useCallback(async ({
-    cloudId,
-    value: parameterValue,
-    type: parameterType
-  }) => {
-    const result = await getDatasourceDetails(datasourceId, {
-      [parameterType]: parameterValue,
-      cloudId
-    });
+  const loadDatasourceDetails = useCallback(async parameters => {
+    const result = await getDatasourceDetails(datasourceId, parameters);
     setColumns(result.schema.properties);
     setDefaultVisibleColumnKeys(result.schema.defaultProperties);
   }, [datasourceId, getDatasourceDetails]);
@@ -33,21 +26,13 @@ export const useDatasourceTableState = (datasourceId, parameters, fields) => {
     if (!parameters) {
       return;
     }
-    const {
-      cloudId,
-      value: parameterValue,
-      type: parameterType
-    } = parameters;
     setStatus('loading');
     const {
       data,
       nextPageCursor,
       totalIssues
     } = await getDatasourceData(datasourceId, {
-      parameters: {
-        cloudId,
-        [parameterType]: parameterValue
-      },
+      parameters,
       pageSize: 10,
       pageCursor: nextCursor,
       fields

package/dist/es2019/index.js

@@ -1,2 +1,2 @@
-export { JiraIssuesConfigModal } from './ui/jira-issues/modal';
-export { JiraIssuesTableView } from './ui/jira-issues/tableView';
+export { JiraIssuesConfigModal } from './ui/jira-issues-modal';
+export { DatasourceTableView } from './ui/datasourceTableView';

package/dist/es2019/ui/{jira-issues/tableView.js → datasourceTableView.js}

@@ -2,8 +2,8 @@
 import { useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import Spinner from '@atlaskit/spinner';
-import { useDatasourceTableState } from '../../hooks/useDatasourceTableState';
-import { IssueLikeDataTableView } from '../issue-like-table';
+import { useDatasourceTableState } from '../hooks/useDatasourceTableState';
+import { IssueLikeDataTableView } from './issue-like-table';
 import { TableFooter } from './table-footer';
 const TableViewWrapperStyles = css({
   display: 'flex',
@@ -15,7 +15,7 @@ const TableViewWrapperStyles = css({
   paddingBottom: 0,
   boxSizing: 'border-box'
 });
-export const JiraIssuesTableView = ({
+export const DatasourceTableView = ({
   datasourceId,
   parameters,
   visibleColumnKeys,
@@ -39,7 +39,7 @@ export const JiraIssuesTableView = ({
   return columns.length > 0 ? jsx("div", {
     css: TableViewWrapperStyles
   }, jsx(IssueLikeDataTableView, {
-    testId: 'jira-issues-table-view',
+    testId: 'datasource-table-view',
     hasNextPage: hasNextPage,
     items: responseItems,
     onNextPage: onNextPage,
@@ -52,6 +52,6 @@ export const JiraIssuesTableView = ({
     onRefresh: reset,
     isLoading: status === 'loading'
   })) : jsx(Spinner, {
-    testId: 'jira-issues-table-view-spinner'
+    testId: 'datasource-table-view-spinner'
   });
 };

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

@@ -210,7 +210,7 @@ export const IssueLikeDataTableView = ({
     }));
   }, [visibleColumnKeys, onVisibleColumnKeysChange, tableId]);
   const tableRows = useMemo(() => items.map((newRowData, rowIndex) => ({
-    key: `${identityColumnKey && newRowData[identityColumnKey] || rowIndex}`,
+    key: `${identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].value || rowIndex}`,
     cells: visibleSortedColumns.map(({
       key,
       type

package/dist/es2019/ui/issue-like-table/render-type/boolean/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { useIntl } from 'react-intl-next';
 import TextRenderType from '../text';
 import { booleanTypeMessages } from './messages';
@@ -8,13 +8,17 @@ const BooleanRenderType = ({
   testId = BOOLEAN_TYPE_TEST_ID
 }) => {
   const intl = useIntl();
-  if (typeof value !== 'boolean') {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  }
+  const booleanValue = value === null || value === void 0 ? void 0 : value.value;
   const TRUTHY_TEXT = intl.formatMessage(booleanTypeMessages.booleanTruthyValue);
   const FALSY_TEXT = intl.formatMessage(booleanTypeMessages.booleanFalsyValue);
+  const displayTextObject = useMemo(() => ({
+    value: booleanValue ? TRUTHY_TEXT : FALSY_TEXT
+  }), [booleanValue, TRUTHY_TEXT, FALSY_TEXT]);
+  if (typeof booleanValue !== 'boolean') {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
   return /*#__PURE__*/React.createElement(TextRenderType, {
-    text: value ? TRUTHY_TEXT : FALSY_TEXT,
+    text: displayTextObject,
     testId: testId
   });
 };

package/dist/es2019/ui/issue-like-table/render-type/date-time/index.js

@@ -16,9 +16,10 @@ const DateTimeRenderType = ({
   testId = DATETIME_TYPE_TEST_ID,
   display = 'datetime'
 }) => {
-  const date = new Date(value);
+  const dateString = value === null || value === void 0 ? void 0 : value.value;
+  const date = new Date(dateString);
   const intl = useIntl();
-  if (!value || isNaN(date.getTime())) {
+  if (!dateString || isNaN(date.getTime())) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   const options = {

package/dist/es2019/ui/issue-like-table/render-type/number/index.js

@@ -4,10 +4,11 @@ const NumberRenderType = ({
   number,
   testId = NUMBER_TYPE_TEST_ID
 }) => {
-  if (typeof number !== 'number') {
+  const numberValue = number === null || number === void 0 ? void 0 : number.value;
+  if (typeof numberValue !== 'number') {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
-  const formattedNumber = Number.isInteger(number) ? number : `${number.toFixed(2)}`;
+  const formattedNumber = Number.isInteger(numberValue) ? numberValue : `${numberValue.toFixed(2)}`;
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": testId
   }, formattedNumber);

package/dist/es2019/ui/issue-like-table/render-type/tag/index.js

@@ -5,11 +5,12 @@ const TagRenderType = ({
   text,
   testId = TAG_TYPE_TEST_ID
 }) => {
-  if (!text) {
+  const tag = text === null || text === void 0 ? void 0 : text.value;
+  if (!tag) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement(Tag, {
-    text: text,
+    text: tag,
     testId: testId,
     appearance: 'default',
     color: 'standard'

package/dist/es2019/ui/issue-like-table/render-type/text/index.js

@@ -4,11 +4,12 @@ const TextRenderType = ({
   text,
   testId = TEXT_TYPE_TEST_ID
 }) => {
-  if (!text) {
+  const textValue = text === null || text === void 0 ? void 0 : text.value;
+  if (!textValue) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement("span", {
     "data-testid": testId
-  }, text);
+  }, textValue);
 };
 export default TextRenderType;

package/dist/es2019/ui/{jira-issues/modal → jira-issues-modal}/index.js

@@ -6,10 +6,10 @@ import { FormattedMessage, IntlProvider, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { B400, N0 } from '@atlaskit/theme/colors';
-import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
-import { getAvailableJiraSites } from '../../../services/getAvailableJiraSites';
-import { EmptyState, IssueLikeDataTableView } from '../../issue-like-table';
-import LinkRenderType from '../../issue-like-table/render-type/link';
+import { useDatasourceTableState } from '../../hooks/useDatasourceTableState';
+import { getAvailableJiraSites } from '../../services/getAvailableJiraSites';
+import { EmptyState, IssueLikeDataTableView } from '../issue-like-table';
+import LinkRenderType from '../issue-like-table/render-type/link';
 import { JiraSearchContainer } from './jira-search-container';
 import { modalMessages } from './messages';
 import { ModeSwitcher } from './mode-switcher';
@@ -41,10 +41,10 @@ export const JiraIssuesConfigModal = props => {
     onUpdateParameters,
     onVisibleColumnKeysChange
   } = props;
-  const isParametersSet = !!(parameters && parameters.value && parameters.cloudId);
+  const isParametersSet = !!(parameters && parameters.jql && parameters.cloudId);
   const {
     cloudId,
-    value: jql
+    jql
   } = parameters || {};
   const {
     reset,

package/dist/es2019/ui/{jira-issues/modal → jira-issues-modal}/jira-search-container/index.js

@@ -20,7 +20,7 @@ export const JiraSearchContainer = props => {
   } = props;
   const {
     cloudId,
-    value: initialJql
+    jql: initialJql
   } = parameters || {};
   const {
     formatMessage
@@ -61,8 +61,7 @@ export const JiraSearchContainer = props => {
   };
   const handleSearch = () => {
     onSearch({
-      value: jql,
-      type: 'jql'
+      jql
     });
   };
   return jsx("div", {