@atlaskit/link-datasource 0.14.4

package/dist/cjs/ui/jira-issues/modal/messages.js

@@ -0,0 +1,45 @@
+"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.jira-issues.configmodal.cancelButtonText',
+    description: 'Button text to close the modal with no changes being made',
+    defaultMessage: 'Cancel'
+  },
+  insertIssuesButtonText: {
+    id: 'linkDataSource.jira-issues.configmodal.insertIssuesButtonText',
+    description: 'Button text to insert the displayed content',
+    defaultMessage: 'Insert issues'
+  },
+  insertIssuesTitle: {
+    id: 'linkDataSource.jira-issues.configmodal.insertIssuesTitle',
+    description: 'Title for the Jira Issues Datasource config modal',
+    defaultMessage: 'Insert Jira issues'
+  },
+  insertIssuesTitleManySites: {
+    id: 'linkDataSource.jira-issues.configmodal.insertIssuesTitleManySites',
+    description: 'Title for the Jira Issues Datasource config modal when multiple sites are available',
+    defaultMessage: 'Insert Jira issues from {siteName}'
+  },
+  issueViewModeLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.issueViewModeLabel',
+    description: 'Label for toggle to enable a view mode showing issues in a table list view',
+    defaultMessage: 'Issue view'
+  },
+  countViewModeLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.countViewModeLabel',
+    description: 'Label for toggle to enable a view mode showing issues in as a total count',
+    defaultMessage: 'Count view'
+  },
+  issuesCountSmartCardPlaceholderText: {
+    id: 'linkDataSource.jira-issues.configmodal.issues',
+    description: 'Placeholder text that will be placed next to a count of jira issues',
+    defaultMessage: '### Issues'
+  }
+});
+exports.modalMessages = modalMessages;

package/dist/cjs/ui/jira-issues/modal/mode-switcher/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModeSwitcher = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _colors = require("@atlaskit/theme/colors");
+/** @jsx jsx */
+
+var modeSwitcherStyles = (0, _react2.css)({
+  alignItems: 'center',
+  background: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
+  borderRadius: "var(--ds-space-050, 4px)",
+  boxSizing: 'border-box',
+  display: 'inline-flex',
+  gap: "var(--ds-space-050, 4px)",
+  lineHeight: "var(--ds-space-200, 16px)",
+  padding: "var(--ds-space-075, 6px)",
+  '&:disabled': {
+    opacity: '0.5'
+  }
+});
+var compactModeSwitcherStyles = (0, _react2.css)({
+  padding: "var(--ds-space-050, 4px)",
+  gap: "var(--ds-space-025, 2px)"
+});
+var modeInputStyles = (0, _react2.css)({
+  display: 'none'
+});
+var modeSwitcherLabelStyles = (0, _react2.css)({
+  color: "var(--ds-text-subtlest, ".concat(_colors.N700, ")"),
+  fontSize: "var(--ds-space-150, 12px)",
+  fontWeight: '600',
+  textTransform: 'uppercase',
+  padding: "var(--ds-space-050, 4px)",
+  borderRadius: "var(--ds-space-050, 4px)",
+  ':hover': {
+    cursor: 'pointer',
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")
+  }
+});
+var modeSwitcherLabelSelectedStyles = (0, _react2.css)({
+  backgroundColor: "var(--ds-background-input-pressed, ".concat(_colors.N0, ")"),
+  borderRadius: "var(--ds-space-050, 4px)",
+  boxShadow: "var(--ds-shadow-overflow, 0px 0px 1px rgba(9, 30, 66, 0.12), 0px 0px 8px rgba(9, 30, 66, 0.16))",
+  ':hover': {
+    cursor: 'pointer',
+    backgroundColor: "var(--ds-background-input-pressed, ".concat(_colors.N0, ")")
+  }
+});
+var modeSwitcherLabelDisabledStyles = (0, _react2.css)({
+  ':hover': {
+    cursor: 'not-allowed'
+  }
+});
+var compactModeSwitcherLabelStyles = (0, _react2.css)({
+  padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)")
+});
+var ModeSwitcher = function ModeSwitcher(props) {
+  var _options$;
+  var isCompact = props.isCompact,
+    isDisabled = props.isDisabled,
+    onOptionValueChange = props.onOptionValueChange,
+    options = props.options,
+    _props$selectedOption = props.selectedOptionValue,
+    selectedOptionValue = _props$selectedOption === void 0 ? (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value : _props$selectedOption;
+  var handleModeChange = function handleModeChange(event) {
+    onOptionValueChange(event.currentTarget.value);
+  };
+  return options.length > 0 ? (0, _react2.jsx)("fieldset", {
+    css: [modeSwitcherStyles, isCompact && compactModeSwitcherStyles],
+    "data-testid": "mode-toggle-container",
+    disabled: isDisabled
+  }, options.map(function (_ref) {
+    var value = _ref.value,
+      label = _ref.label;
+    var isSelected = value === selectedOptionValue;
+    return (0, _react2.jsx)("label", {
+      key: value,
+      css: [modeSwitcherLabelStyles, isCompact && compactModeSwitcherLabelStyles, isSelected && modeSwitcherLabelSelectedStyles, isDisabled && modeSwitcherLabelDisabledStyles],
+      "data-testid": "mode-toggle-".concat(value)
+    }, label, (0, _react2.jsx)("input", {
+      "aria-checked": isSelected,
+      "aria-disabled": isDisabled,
+      checked: isSelected,
+      css: modeInputStyles,
+      disabled: isDisabled,
+      onChange: handleModeChange,
+      type: "radio",
+      value: value
+    }));
+  })) : null;
+};
+exports.ModeSwitcher = ModeSwitcher;

package/dist/cjs/ui/jira-issues/modal/site-selector/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JiraSiteSelector = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("@emotion/react");
+var _reactIntlNext = require("react-intl-next");
+var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
+var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
+var _messages = require("./messages");
+var _excluded = ["triggerRef"];
+/** @jsx jsx */
+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 JiraSiteSelector = function JiraSiteSelector(props) {
+  var availableSites = props.availableSites,
+    onSiteSelection = props.onSiteSelection,
+    selectedJiraSite = props.selectedJiraSite,
+    testId = props.testId;
+  var intl = (0, _reactIntlNext.useIntl)();
+  return (0, _react.jsx)(_dropdownMenu.default, {
+    spacing: "compact",
+    testId: testId,
+    trigger: function trigger(_ref) {
+      var triggerRef = _ref.triggerRef,
+        props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+      return (0, _react.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
+        spacing: "none",
+        iconBefore: (0, _react.jsx)(_chevronDown.default, {
+          label: intl.formatMessage(_messages.siteSelectorMessages.dropdownChevronLabel)
+        }),
+        ref: triggerRef
+      }));
+    }
+  }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, availableSites.map(function (availableSite) {
+    var displayName = availableSite.displayName,
+      cloudId = availableSite.cloudId;
+    var isSelected = displayName === (selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.displayName);
+    return (0, _react.jsx)(_dropdownMenu.DropdownItem, {
+      isSelected: isSelected,
+      key: cloudId,
+      onClick: function onClick() {
+        return onSiteSelection(availableSite);
+      },
+      testId: testId && "".concat(testId, "--dropdown-item").concat(isSelected ? '__selected' : '')
+    }, displayName);
+  })));
+};
+exports.JiraSiteSelector = JiraSiteSelector;

package/dist/cjs/ui/jira-issues/modal/site-selector/messages.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.siteSelectorMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var siteSelectorMessages = (0, _reactIntlNext.defineMessages)({
+  dropdownChevronLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.dropdownChevronLabel',
+    description: 'Label for button that reveals more available site options to choose from',
+    defaultMessage: 'Pick jira site'
+  },
+  selectedJiraSiteLabel: {
+    id: 'linkDataSource.jira-issues.configmodal.selectedJiraSiteLabel',
+    description: 'Label for a check icon declaring which option is selected',
+    defaultMessage: '{siteName} is selected'
+  }
+});
+exports.siteSelectorMessages = siteSelectorMessages;

package/dist/cjs/ui/jira-issues/table-footer/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableFooter = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _reactIntlNext = require("react-intl-next");
+var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _refresh = _interopRequireDefault(require("@atlaskit/icon/glyph/refresh"));
+var _colors = require("@atlaskit/theme/colors");
+var _messages = require("./messages");
+var _syncInfo = require("./sync-info");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/** @jsx jsx */
+var FooterWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  padding: ", " 0;\n  position: sticky;\n  bottom: 0;\n  background: ", ";\n  border-top-style: solid;\n  border-top-color: ", ";\n  margin-top: -2px;\n  align-self: center;\n"])), "var(--ds-space-250, 20px)", "var(--ds-background-input, ".concat(_colors.N0, ")"), "var(--ds-background-neutral, ".concat(_colors.N40, ")"));
+var IssueCounterWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 10px;\n  display: flex;\n  align-self: center;\n  color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(_colors.N800, ")"));
+var SyncWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), "var(--ds-text-accent-gray, ".concat(_colors.N90, ")"));
+var SyncTextWrapper = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-right: 5px;\n"])));
+var TableFooter = function TableFooter(_ref) {
+  var issueCount = _ref.issueCount,
+    onRefresh = _ref.onRefresh,
+    isLoading = _ref.isLoading;
+  var intl = (0, _reactIntlNext.useIntl)();
+  var _useState = (0, _react.useState)(new Date()),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    lastSyncTime = _useState2[0],
+    setLastSyncTime = _useState2[1];
+  var showIssueCount = issueCount && issueCount > 0 ? true : issueCount === 0 ? !isLoading : false;
+  (0, _react.useEffect)(function () {
+    if (isLoading) {
+      setLastSyncTime(new Date());
+    }
+  }, [isLoading]);
+
+  // If only one of the two is passed in, still show the other one (Note: We keep the div encapsulating the one not shown to
+  // ensure correct positioning since 'justify-content: space-between' is used).
+  return onRefresh || showIssueCount ? (0, _react2.jsx)(FooterWrapper, {
+    "data-testid": "table-footer"
+  }, (0, _react2.jsx)(IssueCounterWrapper, null, showIssueCount && (0, _react2.jsx)(_heading.default, {
+    testId: "issue-count",
+    level: 'h400'
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.footerMessages.issueText, {
+    values: {
+      issueCount: issueCount
+    }
+  })))), (0, _react2.jsx)(SyncWrapper, null, onRefresh && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(SyncTextWrapper, {
+    "data-testid": "sync-text"
+  }, isLoading ? (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.footerMessages.loadingText) : (0, _react2.jsx)(_syncInfo.SyncInfo, {
+    lastSyncTime: lastSyncTime
+  })), (0, _react2.jsx)(_button.default, {
+    onClick: onRefresh,
+    appearance: "subtle",
+    iconBefore: (0, _react2.jsx)(_refresh.default, {
+      label: intl.formatMessage(_messages.footerMessages.refreshLabel)
+    }),
+    isDisabled: isLoading,
+    testId: "refresh-button"
+  })))) : null;
+};
+exports.TableFooter = TableFooter;

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.footerMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var footerMessages = (0, _reactIntlNext.defineMessages)({
+  issueText: {
+    id: 'linkDataSource.jira-issues.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',
+    description: 'Text that appears when table is loading.',
+    defaultMessage: 'Loading...'
+  },
+  refreshLabel: {
+    id: 'linkDataSource.jira-issues.table-footer.refresh',
+    description: 'Label for refresh icon',
+    defaultMessage: 'Refresh'
+  }
+});
+exports.footerMessages = footerMessages;

package/dist/cjs/ui/jira-issues/table-footer/sync-info/index.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyncInfo = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+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 SECONDS_IN_MIN = 60;
+var SECONDS_IN_HR = SECONDS_IN_MIN * 60;
+var SECONDS_IN_DAY = SECONDS_IN_HR * 24;
+var WithUpdatedLabel = function WithUpdatedLabel(formattedDate) {
+  var i18nMessage = formattedDate ? _messages.messages.overOneMinuteText : _messages.messages.underOneMinuteText;
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, i18nMessage, {
+    values: {
+      date: formattedDate
+    }
+  }));
+};
+var SyncInfo = function SyncInfo(_ref) {
+  var lastSyncTime = _ref.lastSyncTime;
+  var calculateTimeDiff = (0, _react.useCallback)(function () {
+    return Math.floor((Date.now() - lastSyncTime.getTime()) / 1000);
+  }, [lastSyncTime]);
+  var _useState = (0, _react.useState)(calculateTimeDiff()),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    secondsSinceUpdate = _useState2[0],
+    setSecondsSinceUpdate = _useState2[1];
+  var totalDays = Math.floor(secondsSinceUpdate / SECONDS_IN_DAY);
+  var totalHours = Math.floor(secondsSinceUpdate / SECONDS_IN_HR);
+  var totalMinutes = Math.floor(secondsSinceUpdate / SECONDS_IN_MIN);
+  (0, _react.useEffect)(function () {
+    setSecondsSinceUpdate(calculateTimeDiff());
+    var interval = setInterval(function () {
+      return setSecondsSinceUpdate(calculateTimeDiff());
+    }, 1000);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [lastSyncTime, calculateTimeDiff]);
+  if (totalMinutes >= 1 && totalMinutes < 60) {
+    return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedRelativeTime, {
+      value: -totalMinutes,
+      style: "long",
+      unit: "minute"
+    }, WithUpdatedLabel);
+  }
+  if (totalHours >= 1 && totalHours < 24) {
+    return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedRelativeTime, {
+      value: -totalHours,
+      style: "long",
+      unit: "hour"
+    }, WithUpdatedLabel);
+  }
+  if (totalDays >= 1 && totalDays < 8) {
+    return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedRelativeTime, {
+      value: -totalDays,
+      style: "long",
+      unit: "day"
+    }, WithUpdatedLabel);
+  }
+  if (totalDays >= 8) {
+    return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedDate, {
+      year: "numeric",
+      month: "short",
+      day: "2-digit",
+      value: lastSyncTime
+    }, WithUpdatedLabel);
+  }
+  return WithUpdatedLabel();
+};
+exports.SyncInfo = SyncInfo;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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',
+    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',
+    defaultMessage: 'Synced {date}',
+    description: 'A text to indicate the last data fetch time was over a minute.'
+  }
+});
+exports.messages = messages;

package/dist/cjs/ui/jira-issues/tableView.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JiraIssuesTableView = 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 _tableFooter = require("./table-footer");
+/** @jsx jsx */
+
+var TableViewWrapperStyles = (0, _react2.css)({
+  display: 'flex',
+  flexDirection: 'column',
+  width: '100%',
+  height: '100%',
+  position: 'relative',
+  padding: "var(--ds-space-200, 16px)",
+  paddingBottom: 0,
+  boxSizing: 'border-box'
+});
+var JiraIssuesTableView = function JiraIssuesTableView(_ref) {
+  var datasourceId = _ref.datasourceId,
+    parameters = _ref.parameters,
+    visibleColumnKeys = _ref.visibleColumnKeys,
+    onVisibleColumnKeysChange = _ref.onVisibleColumnKeysChange;
+  var _useDatasourceTableSt = (0, _useDatasourceTableState.useDatasourceTableState)(datasourceId, parameters),
+    reset = _useDatasourceTableSt.reset,
+    status = _useDatasourceTableSt.status,
+    onNextPage = _useDatasourceTableSt.onNextPage,
+    responseItems = _useDatasourceTableSt.responseItems,
+    hasNextPage = _useDatasourceTableSt.hasNextPage,
+    columns = _useDatasourceTableSt.columns,
+    defaultVisibleColumnKeys = _useDatasourceTableSt.defaultVisibleColumnKeys,
+    totalIssueCount = _useDatasourceTableSt.totalIssueCount;
+  (0, _react.useEffect)(function () {
+    if (onVisibleColumnKeysChange && (visibleColumnKeys || []).length === 0 && defaultVisibleColumnKeys.length > 0) {
+      onVisibleColumnKeysChange(defaultVisibleColumnKeys);
+    }
+  }, [visibleColumnKeys, defaultVisibleColumnKeys, onVisibleColumnKeysChange]);
+  return columns.length > 0 ? (0, _react2.jsx)("div", {
+    css: TableViewWrapperStyles
+  }, (0, _react2.jsx)(_issueLikeTable.IssueLikeDataTableView, {
+    testId: 'jira-issues-table-view',
+    hasNextPage: hasNextPage,
+    items: responseItems,
+    onNextPage: onNextPage,
+    status: status,
+    columns: columns,
+    visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
+    onVisibleColumnKeysChange: onVisibleColumnKeysChange
+  }), (0, _react2.jsx)(_tableFooter.TableFooter, {
+    issueCount: totalIssueCount,
+    onRefresh: reset,
+    isLoading: status === 'loading'
+  })) : (0, _react2.jsx)(_spinner.default, {
+    testId: 'jira-issues-table-view-spinner'
+  });
+};
+exports.JiraIssuesTableView = JiraIssuesTableView;

package/dist/cjs/ui/jira-issues/types.js

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

package/dist/cjs/version.json

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

package/dist/es2019/hooks/useDatasourceTableState.js

@@ -0,0 +1,77 @@
+import { useCallback, useEffect, useState } from 'react';
+import { useDatasourceClientExtension } from '@atlaskit/link-client-extension';
+export const useDatasourceTableState = (datasourceId, parameters, fields) => {
+  const [defaultVisibleColumnKeys, setDefaultVisibleColumnKeys] = useState([]);
+  const [status, setStatus] = useState('empty');
+  const [responseItems, setResponseItems] = useState([]);
+  const [hasNextPage, setHasNextPage] = useState(true);
+  const [nextCursor, setNextCursor] = useState(undefined);
+  const [columns, setColumns] = useState([]);
+  const [totalIssueCount, setTotalIssueCount] = useState(undefined);
+  const {
+    getDatasourceData,
+    getDatasourceDetails
+  } = useDatasourceClientExtension();
+  const loadDatasourceDetails = useCallback(async ({
+    cloudId,
+    value: parameterValue,
+    type: parameterType
+  }) => {
+    const result = await getDatasourceDetails(datasourceId, {
+      [parameterType]: parameterValue,
+      cloudId
+    });
+    setColumns(result.schema.properties);
+    setDefaultVisibleColumnKeys(result.schema.defaultProperties);
+  }, [datasourceId, getDatasourceDetails]);
+  useEffect(() => {
+    if (parameters) {
+      void loadDatasourceDetails(parameters);
+    }
+  }, [loadDatasourceDetails, parameters]);
+  const onNextPage = useCallback(async () => {
+    if (!parameters) {
+      return;
+    }
+    const {
+      cloudId,
+      value: parameterValue,
+      type: parameterType
+    } = parameters;
+    setStatus('loading');
+    const {
+      data,
+      nextPageCursor,
+      totalIssues
+    } = await getDatasourceData(datasourceId, {
+      parameters: {
+        cloudId,
+        [parameterType]: parameterValue
+      },
+      pageSize: 10,
+      pageCursor: nextCursor,
+      fields
+    });
+    setTotalIssueCount(totalIssues);
+    setNextCursor(nextPageCursor);
+    setResponseItems(currentResponseItems => [...currentResponseItems, ...data]);
+    setStatus('resolved');
+    setHasNextPage(Boolean(nextPageCursor));
+  }, [parameters, getDatasourceData, datasourceId, nextCursor, fields]);
+  const reset = useCallback(() => {
+    setStatus('empty');
+    setResponseItems([]);
+    setHasNextPage(true);
+    setTotalIssueCount(undefined);
+  }, []);
+  return {
+    status,
+    onNextPage,
+    responseItems,
+    reset,
+    hasNextPage,
+    columns,
+    defaultVisibleColumnKeys,
+    totalIssueCount
+  };
+};

package/dist/es2019/index.js

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

package/dist/es2019/services/getAvailableJiraSites.js

@@ -0,0 +1,20 @@
+export const getAvailableJiraSites = async () => {
+  const requestConfig = {
+    method: 'POST',
+    credentials: 'include',
+    headers: {
+      Accept: 'application/json',
+      'Cache-Control': 'no-cache',
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify({
+      products: ['jira-software.ondemand', 'jira-core.ondemand', 'jira-incident-manager.ondemand', 'jira-product-discovery', 'jira-servicedesk.ondemand']
+    })
+  };
+  const response = await fetch(`/gateway/api/available-sites`, requestConfig);
+  if (response.ok) {
+    const res = await response.json();
+    return res.sites;
+  }
+  throw new Error((await response.text()) || 'Something went wrong');
+};

package/dist/es2019/services/makeGetJqlAutocompleteData.js

@@ -0,0 +1,19 @@
+export const makeGetJqlAutocompleteData = cloudId => async url => {
+  const response = await fetch(`/gateway/api/ex/jira/${cloudId}/${url}`, {
+    method: 'POST',
+    headers: {
+      'content-type': 'application/json'
+    },
+    body: JSON.stringify({
+      includeCollapsedFields: true
+    })
+  });
+  if (response.ok) {
+    const data = await response.json();
+    return {
+      jqlFields: data.visibleFieldNames,
+      jqlFunctions: data.visibleFunctionNames
+    };
+  }
+  throw new Error((await response.text()) || 'Something went wrong');
+};

package/dist/es2019/services/makeGetJqlSuggestionsData.js

@@ -0,0 +1,11 @@
+export const makeGetJqlSuggestionsData = cloudId => async url => {
+  const response = await fetch(`/gateway/api/ex/jira/${cloudId}/${url}`, {
+    headers: {
+      'content-type': 'application/json'
+    }
+  });
+  if (response.ok) {
+    return response.json();
+  }
+  throw new Error((await response.text()) || 'Something went wrong');
+};