@atlaskit/link-datasource 0.19.0 → 0.19.1

package/dist/esm/ui/jira-issues-modal/modal/index.js

@@ -0,0 +1,263 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+/** @jsx jsx */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { css, jsx } from '@emotion/react';
+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 { JiraSearchContainer } from '../jira-search-container';
+import { ModeSwitcher } from '../mode-switcher';
+import { JiraSiteSelector } from '../site-selector';
+import { modalMessages } from './messages';
+var dropdownContainerStyles = css({
+  display: 'flex',
+  gap: "var(--ds-space-100, 0.5rem)"
+});
+var contentContainerStyles = css({
+  height: '420px',
+  overflow: 'auto'
+});
+var placeholderSmartLinkStyles = css({
+  backgroundColor: "var(--ds-surface-raised, ".concat(N0, ")"),
+  borderRadius: '3px',
+  boxShadow: '0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31)',
+  color: "var(--ds-text-brand, ".concat(B400, ")"),
+  padding: '0px 2px'
+});
+export var JiraIssuesConfigModal = function JiraIssuesConfigModal(props) {
+  var datasourceId = props.datasourceId,
+    initialParameters = props.parameters,
+    initialVisibleColumnKeys = props.visibleColumnKeys,
+    onCancel = props.onCancel,
+    onInsert = props.onInsert;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    availableSites = _useState2[0],
+    setAvailableSites = _useState2[1];
+  var _useState3 = useState('issue'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentViewMode = _useState4[0],
+    setCurrentViewMode = _useState4[1];
+  var _useState5 = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.cloudId),
+    _useState6 = _slicedToArray(_useState5, 2),
+    cloudId = _useState6[0],
+    setCloudId = _useState6[1];
+  var _useState7 = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.jql),
+    _useState8 = _slicedToArray(_useState7, 2),
+    jql = _useState8[0],
+    setJql = _useState8[1];
+  var isParametersSet = !!(jql && cloudId);
+  var parameters = useMemo(function () {
+    return !!cloudId ? {
+      cloudId: cloudId,
+      jql: jql || ''
+    } : undefined;
+  }, [cloudId, jql]);
+  var _useDatasourceTableSt = useDatasourceTableState(datasourceId, parameters),
+    reset = _useDatasourceTableSt.reset,
+    status = _useDatasourceTableSt.status,
+    onNextPage = _useDatasourceTableSt.onNextPage,
+    responseItems = _useDatasourceTableSt.responseItems,
+    hasNextPage = _useDatasourceTableSt.hasNextPage,
+    columns = _useDatasourceTableSt.columns,
+    defaultVisibleColumnKeys = _useDatasourceTableSt.defaultVisibleColumnKeys;
+  var _useState9 = useState(initialVisibleColumnKeys || defaultVisibleColumnKeys),
+    _useState10 = _slicedToArray(_useState9, 2),
+    visibleColumnKeys = _useState10[0],
+    setVisibleColumnKeys = _useState10[1];
+  useEffect(function () {
+    var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
+    setVisibleColumnKeys(newVisibleColumnKeys);
+  }, [initialVisibleColumnKeys, defaultVisibleColumnKeys]);
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  useEffect(function () {
+    var fetchSiteDisplayNames = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var jiraSites;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return getAvailableJiraSites();
+            case 2:
+              jiraSites = _context.sent;
+              setAvailableSites(jiraSites);
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function fetchSiteDisplayNames() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    void fetchSiteDisplayNames();
+  }, []);
+  var onSearch = useCallback(function (newParameters) {
+    setJql(newParameters.jql);
+    reset();
+  }, [reset]);
+  var onSiteSelection = useCallback(function (site) {
+    setCloudId(site.cloudId);
+    reset();
+  }, [reset]);
+  var selectedJiraSite = useMemo(function () {
+    return availableSites.find(function (jiraSite) {
+      return jiraSite.cloudId === cloudId;
+    }) || availableSites[0];
+  }, [availableSites, cloudId]);
+  useEffect(function () {
+    if (!cloudId && selectedJiraSite) {
+      setCloudId(selectedJiraSite.cloudId);
+    }
+  }, [cloudId, selectedJiraSite]);
+  var retrieveUrlForSmartCardRender = useCallback(function () {
+    var _data$key, _data$key$data;
+    var _responseItems = _slicedToArray(responseItems, 1),
+      data = _responseItems[0];
+    // agrement with BE that we will use `key` for rendering smartlink
+    return data === null || data === void 0 ? void 0 : (_data$key = data.key) === null || _data$key === void 0 ? void 0 : (_data$key$data = _data$key.data) === null || _data$key$data === void 0 ? void 0 : _data$key$data.url;
+  }, [responseItems]);
+  var onInsertPressed = useCallback(function () {
+    if (!isParametersSet || !jql || !selectedJiraSite) {
+      return;
+    }
+    var firstIssueUrl = retrieveUrlForSmartCardRender();
+    if (currentViewMode === 'count') {
+      onInsert({
+        type: 'inlineCard',
+        attrs: {
+          url: "".concat(selectedJiraSite.url, "/issues/").concat(encodeURI(jql))
+        }
+      });
+    } else if (responseItems.length === 1 && firstIssueUrl) {
+      onInsert({
+        type: 'inlineCard',
+        attrs: {
+          url: firstIssueUrl
+        }
+      });
+    } else {
+      onInsert({
+        type: 'blockCard',
+        attrs: {
+          datasource: {
+            id: datasourceId,
+            parameters: {
+              cloudId: cloudId,
+              jql: jql // TODO support non JQL type
+            },
+
+            views: [{
+              type: 'table',
+              properties: {
+                columnKeys: visibleColumnKeys
+              }
+            }]
+          }
+        }
+      });
+    }
+  }, [isParametersSet, jql, selectedJiraSite, retrieveUrlForSmartCardRender, currentViewMode, responseItems.length, onInsert, datasourceId, cloudId, visibleColumnKeys]);
+  var handleViewModeChange = function handleViewModeChange(selectedMode) {
+    setCurrentViewMode(selectedMode);
+  };
+  useEffect(function () {
+    if (status === 'empty' && isParametersSet) {
+      void onNextPage();
+    }
+  }, [status, isParametersSet, onNextPage, reset]);
+  var issueLikeDataTableView = useMemo(function () {
+    return jsx(IssueLikeDataTableView, {
+      testId: "jira-jql-datasource-table",
+      status: status,
+      columns: columns,
+      items: responseItems,
+      hasNextPage: hasNextPage,
+      visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
+      onNextPage: onNextPage,
+      onVisibleColumnKeysChange: setVisibleColumnKeys
+    });
+  }, [columns, defaultVisibleColumnKeys, hasNextPage, onNextPage, responseItems, status, visibleColumnKeys]);
+  var renderCountModeContent = useCallback(function () {
+    var url = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
+    if (status === 'empty' || !jql || !url) {
+      return jsx("span", {
+        "data-testid": "jira-jql-datasource-modal--smart-card-placeholder",
+        css: placeholderSmartLinkStyles
+      }, jsx(FormattedMessage, modalMessages.issuesCountSmartCardPlaceholderText));
+    } else {
+      var urlWithEncodedJql = "".concat(url, "/issues/?jql=").concat(encodeURI(jql));
+      return jsx(LinkRenderType, {
+        url: urlWithEncodedJql
+      });
+    }
+  }, [jql, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status]);
+  var renderIssuesModeContent = useCallback(function () {
+    if (status === 'empty' || columns.length === 0) {
+      return jsx(EmptyState, {
+        testId: "jira-jql-datasource-modal--empty-state"
+      });
+    }
+    var firstIssueUrl = retrieveUrlForSmartCardRender();
+    if (responseItems.length === 1 && firstIssueUrl) {
+      return jsx(LinkRenderType, {
+        url: firstIssueUrl
+      });
+    }
+    return issueLikeDataTableView;
+  }, [columns.length, issueLikeDataTableView, responseItems.length, retrieveUrlForSmartCardRender, status]);
+  return jsx(IntlProvider, {
+    locale: "en"
+  }, jsx(ModalTransition, null, jsx(Modal, {
+    testId: 'jira-jql-datasource-modal',
+    onClose: onCancel,
+    width: "x-large",
+    shouldScrollInViewport: true
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null, availableSites.length < 2 ? jsx(FormattedMessage, modalMessages.insertIssuesTitle) : jsx("div", {
+    css: dropdownContainerStyles
+  }, jsx(FormattedMessage, _extends({}, modalMessages.insertIssuesTitleManySites, {
+    values: {
+      siteName: selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.displayName
+    }
+  })), jsx(JiraSiteSelector, {
+    testId: "jira-jql-datasource-modal--site-selector",
+    availableSites: availableSites,
+    onSiteSelection: onSiteSelection,
+    selectedJiraSite: selectedJiraSite
+  }))), jsx(ModeSwitcher, {
+    isCompact: true,
+    options: [{
+      label: formatMessage(modalMessages.issueViewModeLabel),
+      value: 'issue'
+    }, {
+      label: formatMessage(modalMessages.countViewModeLabel),
+      value: 'count'
+    }],
+    onOptionValueChange: handleViewModeChange,
+    selectedOptionValue: currentViewMode
+  })), jsx(ModalBody, null, jsx(JiraSearchContainer, {
+    parameters: parameters,
+    onSearch: onSearch
+  }), jsx("div", {
+    css: contentContainerStyles
+  }, currentViewMode === 'count' ? renderCountModeContent() : renderIssuesModeContent())), jsx(ModalFooter, null, jsx(Button, {
+    appearance: "default",
+    onClick: onCancel
+  }, jsx(FormattedMessage, modalMessages.cancelButtonText)), jsx(Button, {
+    appearance: "primary",
+    onClick: onInsertPressed,
+    isDisabled: !isParametersSet,
+    testId: 'jira-jql-datasource-modal--insert-button'
+  }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText))))));
+};

package/dist/esm/version.json

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

package/dist/types/index.d.ts

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

package/dist/types/ui/datasource-table-view/datasourceTableView.d.ts

@@ -0,0 +1,3 @@
+import { jsx } from '@emotion/react';
+import { DatasourceTableViewProps } from './types';
+export declare const DatasourceTableView: ({ datasourceId, parameters, visibleColumnKeys, onVisibleColumnKeysChange, }: DatasourceTableViewProps) => jsx.JSX.Element;

package/dist/types/ui/datasource-table-view/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DatasourceTableViewProps } from './types';
+declare const DatasourceTableViewWithWrappers: (props: DatasourceTableViewProps) => JSX.Element;
+export default DatasourceTableViewWithWrappers;

package/dist/types/ui/{datasourceTableView.d.ts → datasource-table-view/types.d.ts}

@@ -1,4 +1,3 @@
-import { jsx } from '@emotion/react';
 export interface DatasourceTableViewProps {
     datasourceId: string;
     parameters: object;
@@ -6,4 +5,3 @@ export interface DatasourceTableViewProps {
     onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
     visibleColumnKeys?: string[];
 }
-export declare const DatasourceTableView: ({ datasourceId, parameters, visibleColumnKeys, onVisibleColumnKeysChange, }: DatasourceTableViewProps) => jsx.JSX.Element;

package/dist/types/ui/jira-issues-modal/index.d.ts

@@ -1,12 +1,5 @@
-import { jsx } from '@emotion/react';
-import { InlineCardAdf } from '@atlaskit/linking-common/types';
-import { JiraIssueDatasourceParameters, JiraIssuesDatasourceAdf } from './types';
+/// <reference types="react" />
+import { JiraIssuesConfigModalProps } from './types';
 export declare const JIRA_LIST_OF_LINKS_DATASOURCE_ID = "d8b75300-dfda-4519-b6cd-e49abbd50401";
-export interface JiraIssuesConfigModalProps {
-    datasourceId: string;
-    visibleColumnKeys?: string[];
-    parameters?: JiraIssueDatasourceParameters;
-    onCancel: () => void;
-    onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf) => void;
-}
-export declare const JiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => jsx.JSX.Element;
+declare const JiraIssuesConfigModalWithWrappers: (props: JiraIssuesConfigModalProps) => JSX.Element;
+export default JiraIssuesConfigModalWithWrappers;

package/dist/types/ui/jira-issues-modal/modal/index.d.ts

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

package/dist/types/ui/jira-issues-modal/types.d.ts

@@ -1,4 +1,4 @@
-import { DatasourceAdf } from '@atlaskit/linking-common/types';
+import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
 type XOR<T1, T2> = (T1 & {
     [k in Exclude<keyof T2, keyof T1>]?: never;
 }) | (T2 & {
@@ -30,4 +30,11 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
         };
     };
 }
+export interface JiraIssuesConfigModalProps {
+    datasourceId: string;
+    visibleColumnKeys?: string[];
+    parameters?: JiraIssueDatasourceParameters;
+    onCancel: () => void;
+    onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf) => void;
+}
 export {};

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

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

package/dist/types-ts4.5/ui/datasource-table-view/datasourceTableView.d.ts

@@ -0,0 +1,3 @@
+import { jsx } from '@emotion/react';
+import { DatasourceTableViewProps } from './types';
+export declare const DatasourceTableView: ({ datasourceId, parameters, visibleColumnKeys, onVisibleColumnKeysChange, }: DatasourceTableViewProps) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/datasource-table-view/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { DatasourceTableViewProps } from './types';
+declare const DatasourceTableViewWithWrappers: (props: DatasourceTableViewProps) => JSX.Element;
+export default DatasourceTableViewWithWrappers;

package/dist/types-ts4.5/ui/{datasourceTableView.d.ts → datasource-table-view/types.d.ts}

@@ -1,4 +1,3 @@
-import { jsx } from '@emotion/react';
 export interface DatasourceTableViewProps {
     datasourceId: string;
     parameters: object;
@@ -6,4 +5,3 @@ export interface DatasourceTableViewProps {
     onVisibleColumnKeysChange?: (visibleColumnKeys: string[]) => void;
     visibleColumnKeys?: string[];
 }
-export declare const DatasourceTableView: ({ datasourceId, parameters, visibleColumnKeys, onVisibleColumnKeysChange, }: DatasourceTableViewProps) => jsx.JSX.Element;

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

@@ -1,12 +1,5 @@
-import { jsx } from '@emotion/react';
-import { InlineCardAdf } from '@atlaskit/linking-common/types';
-import { JiraIssueDatasourceParameters, JiraIssuesDatasourceAdf } from './types';
+/// <reference types="react" />
+import { JiraIssuesConfigModalProps } from './types';
 export declare const JIRA_LIST_OF_LINKS_DATASOURCE_ID = "d8b75300-dfda-4519-b6cd-e49abbd50401";
-export interface JiraIssuesConfigModalProps {
-    datasourceId: string;
-    visibleColumnKeys?: string[];
-    parameters?: JiraIssueDatasourceParameters;
-    onCancel: () => void;
-    onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf) => void;
-}
-export declare const JiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => jsx.JSX.Element;
+declare const JiraIssuesConfigModalWithWrappers: (props: JiraIssuesConfigModalProps) => JSX.Element;
+export default JiraIssuesConfigModalWithWrappers;

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

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

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

@@ -1,4 +1,4 @@
-import { DatasourceAdf } from '@atlaskit/linking-common/types';
+import { DatasourceAdf, InlineCardAdf } from '@atlaskit/linking-common/types';
 type XOR<T1, T2> = (T1 & {
     [k in Exclude<keyof T2, keyof T1>]?: never;
 }) | (T2 & {
@@ -30,4 +30,11 @@ export interface JiraIssuesDatasourceAdf extends DatasourceAdf {
         };
     };
 }
+export interface JiraIssuesConfigModalProps {
+    datasourceId: string;
+    visibleColumnKeys?: string[];
+    parameters?: JiraIssueDatasourceParameters;
+    onCancel: () => void;
+    onInsert: (adf: InlineCardAdf | JiraIssuesDatasourceAdf) => void;
+}
 export {};

package/examples-helpers/buildJiraIssuesTable.tsx

@@ -2,7 +2,7 @@ import React, { useMemo, useState } from 'react';
 
 import { mockDatasourceFetchRequests } from '@atlaskit/link-test-helpers/datasource';
 
-import { DatasourceTableView } from '../src/ui/datasourceTableView';
+import { DatasourceTableView } from '../src';
 import { JiraIssueDatasourceParameters } from '../src/ui/jira-issues-modal/types';
 
 mockDatasourceFetchRequests();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "0.19.0",
+  "version": "0.19.1",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
     "@atlaskit/linking-common": "^2.14.0",
     "@atlaskit/linking-types": "^5.0.0",
     "@atlaskit/lozenge": "^11.4.0",
-    "@atlaskit/modal-dialog": "^12.5.0",
+    "@atlaskit/modal-dialog": "^12.6.0",
     "@atlaskit/pragmatic-drag-and-drop": "^0.18.0",
     "@atlaskit/pragmatic-drag-and-drop-autoscroll": "^0.5.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^0.11.0",

package/report.api.md

@@ -15,11 +15,12 @@
 <!--SECTION START: Main Entry Types-->
 
 ```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';
-import { jsx } from '@emotion/react';
 
 export { DatasourceAdf };
 
@@ -28,12 +29,9 @@ export { DatasourceAdfTableView };
 export { DatasourceAdfView };
 
 // @public (undocumented)
-export const DatasourceTableView: ({
-  datasourceId,
-  parameters,
-  visibleColumnKeys,
-  onVisibleColumnKeysChange,
-}: DatasourceTableViewProps) => jsx.JSX.Element;
+export const DatasourceTableView: (
+  props: DatasourceTableViewProps,
+) => JSX.Element;
 
 // @public (undocumented)
 interface DatasourceTableViewProps {
@@ -71,7 +69,7 @@ type JiraIssueDatasourceParametersQuery = XOR<
 // @public (undocumented)
 export const JiraIssuesConfigModal: (
   props: JiraIssuesConfigModalProps,
-) => jsx.JSX.Element;
+) => JSX.Element;
 
 // @public (undocumented)
 interface JiraIssuesConfigModalProps {

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

@@ -4,11 +4,12 @@
 
 ```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';
-import { jsx } from '@emotion/react';
 
 export { DatasourceAdf }
 
@@ -17,7 +18,7 @@ export { DatasourceAdfTableView }
 export { DatasourceAdfView }
 
 // @public (undocumented)
-export const DatasourceTableView: ({ datasourceId, parameters, visibleColumnKeys, onVisibleColumnKeysChange, }: DatasourceTableViewProps) => jsx.JSX.Element;
+export const DatasourceTableView: (props: DatasourceTableViewProps) => JSX.Element;
 
 // @public (undocumented)
 interface DatasourceTableViewProps {
@@ -49,7 +50,7 @@ type JiraIssueDatasourceParametersQuery = XOR<{
 }>;
 
 // @public (undocumented)
-export const JiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => jsx.JSX.Element;
+export const JiraIssuesConfigModal: (props: JiraIssuesConfigModalProps) => JSX.Element;
 
 // @public (undocumented)
 interface JiraIssuesConfigModalProps {