@atlaskit/link-datasource 0.14.4

package/examples-helpers/buildIssueLikeTable.tsx

@@ -0,0 +1,88 @@
+/** @jsx jsx */
+import { useEffect, useMemo, useState } from 'react';
+
+import { jsx } from '@emotion/react';
+import styled from '@emotion/styled';
+import { IntlProvider } from 'react-intl-next';
+
+import { SmartCardProvider } from '@atlaskit/link-provider';
+
+import { useDatasourceTableState } from '../src/hooks/useDatasourceTableState';
+import { IssueLikeDataTableView } from '../src/ui/issue-like-table';
+import { JiraIssueDatasourceParameters } from '../src/ui/jira-issues/types';
+
+import { MOCK_DATASOURCE_ID } from './setupDatasourcesMocks';
+import SmartLinkClient from './smartLinkCustomClient';
+
+interface Props {
+  isReadonly?: boolean;
+}
+
+const TableViewWrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  overflow: scroll;
+  width: 100%;
+  height: 100%;
+`;
+
+const ExampleBody = ({ isReadonly }: Props) => {
+  const parameters = useMemo<JiraIssueDatasourceParameters>(
+    () => ({
+      cloudId: 'some-cloud-id',
+      type: 'jql',
+      value: 'some-jql',
+    }),
+    [],
+  );
+
+  const {
+    status,
+    onNextPage,
+    responseItems,
+    hasNextPage,
+    defaultVisibleColumnKeys,
+    columns,
+  } = useDatasourceTableState(MOCK_DATASOURCE_ID, parameters);
+
+  const [visibleColumnKeys, setVisibleColumnKeys] = useState<string[]>(
+    defaultVisibleColumnKeys,
+  );
+
+  useEffect(() => {
+    if (visibleColumnKeys.length === 0 && defaultVisibleColumnKeys.length > 0) {
+      setVisibleColumnKeys(defaultVisibleColumnKeys);
+    }
+  }, [visibleColumnKeys, defaultVisibleColumnKeys, setVisibleColumnKeys]);
+
+  return (
+    <TableViewWrapper>
+      {visibleColumnKeys.length > 0 && columns.length > 0 ? (
+        <IssueLikeDataTableView
+          testId="link-datasource"
+          items={responseItems}
+          onNextPage={onNextPage}
+          hasNextPage={hasNextPage}
+          status={status}
+          columns={columns}
+          visibleColumnKeys={visibleColumnKeys}
+          onVisibleColumnKeysChange={
+            isReadonly ? undefined : setVisibleColumnKeys
+          }
+        />
+      ) : (
+        <span>Loading ...</span>
+      )}
+    </TableViewWrapper>
+  );
+};
+
+export const ExampleIssueLikeTable = ({ isReadonly }: Props) => {
+  return (
+    <IntlProvider locale="en">
+      <SmartCardProvider client={new SmartLinkClient()}>
+        <ExampleBody isReadonly={isReadonly} />
+      </SmartCardProvider>
+    </IntlProvider>
+  );
+};

package/examples-helpers/buildJiraIssuesTable.tsx

@@ -0,0 +1,31 @@
+import React, { useMemo, useState } from 'react';
+
+import { JiraIssuesTableView } from '../src/ui/jira-issues/tableView';
+import { JiraIssueDatasourceParameters } from '../src/ui/jira-issues/types';
+
+import { MOCK_DATASOURCE_ID } from './setupDatasourcesMocks';
+
+export const ExampleJiraIssuesTableView = () => {
+  const cloudId = 'some-cloud-id';
+  const parameterType = 'jql';
+  const parameterValue = 'some-jql';
+
+  const [visibleColumnKeys, setVisibleColumnKeys] = useState<string[]>([]);
+
+  const parameters = useMemo<JiraIssueDatasourceParameters>(() => {
+    return {
+      cloudId,
+      type: parameterType,
+      value: parameterValue,
+    };
+  }, [cloudId, parameterType, parameterValue]);
+
+  return (
+    <JiraIssuesTableView
+      datasourceId={MOCK_DATASOURCE_ID}
+      parameters={parameters}
+      visibleColumnKeys={visibleColumnKeys}
+      onVisibleColumnKeysChange={setVisibleColumnKeys}
+    />
+  );
+};

package/examples-helpers/images.json

@@ -0,0 +1,4 @@
+{
+  "trello": "data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbC1ydWxlOmV2ZW5vZGQ7ZmlsbDp1cmwoI2xpbmVhci1ncmFkaWVudCk7fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSIzMCIgeTE9IjY2MiIgeDI9IjMwIiB5Mj0iNzIyIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIC0xLCAwLCA3MjIpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDA1MmNjIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMjY4NGZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTIuODgsMEg3LjEzQTcuMTQsNy4xNCwwLDAsMCwwLDcuMTN2NDUuN0E3LjEzLDcuMTMsMCwwLDAsNy4xLDYwSDUyLjg4QTcuMTMsNy4xMywwLDAsMCw2MCw1Mi44NVY3LjEzQTcuMTQsNy4xNCwwLDAsMCw1Mi44OCwwWm0tMjcsNDMuMjJhMi4zOSwyLjM5LDAsMCwxLTIuNCwyLjM3aC0xMGEyLjM4LDIuMzgsMCwwLDEtMi4zNy0yLjM3VjEzLjQ1YTIuMzgsMi4zOCwwLDAsMSwyLjM3LTIuMzhoMTBhMi40LDIuNCwwLDAsMSwyLjM4LDIuMzhaTTQ5LDI5LjU1YTIuMzgsMi4zOCwwLDAsMS0yLjM4LDIuMzdoLTEwYTIuMzgsMi4zOCwwLDAsMS0yLjM4LTIuMzdWMTMuNDVhMi40LDIuNCwwLDAsMSwyLjM4LTIuMzhoMTBhMi4zOCwyLjM4LDAsMCwxLDIuMzcsMi4zOFoiLz48L3N2Zz4=",
+  "asana": "data:image/jpeg;base64,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888884rmMaV0888888888888888888QU7D3og88888888888888888pvm9z9afV88888888888888889WSe8siq988888888888888889F6i/QwI988888888888888888uS9C9we8888888888888888888fGyKv888888888888888847+8888888+3088888888888qx8rR08884h9+pW88888888892AzO0E387OjMzA6988888888RP1p4YB084Bm2U5Ph88888888zKlN4AE888IC0NZGz88888888aU8DCGiW8qSKCD8om88888888qwDABp/d8t/FBADwW88888888sPKC2h/wDPPP06gxj3PPPPPPPPPPLHPvPPPPPPPrHPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP/xAAqEQEAAgACCQUBAQEBAAAAAAABABEhMRBBUWFxkaHR4TBAgbHBIPBgcP/aAAgBAwEBPxD/AJUANrqIfQHe48i+tTDy8mH0B3OPJrpEA0mp9oRHi6g2srovWWb2N0uXLldFagzO5ujEcdTqTaezEka9/D4+7ly5cuXBRGvP0+fuvZCvkj7ly5cuXLlwR8hffsRY7EWP8AQMNhtdPYoOcNzKRFxh0BBGUiLiLnLfshd2LJ2PZ+4w6AggXdgzdr2Pv2gp+gcO0Jwq78PE1teZCcbu7HxBX9B49vYu0WwSzkMzf4hPQzf4BYkt5DHaKfUFYCyNb2OvCUQjdoESmEo8LL5O0dDSfwaG1hoPGy+DvCBRoUQjfFWIMzWdzrx9IEG+u+O0Y/wEVZMu3zERp0BbRBV5s+3xBBoEIAHXTfOfP0TDzS3i4+IxgggghGMnHn5vQRnIx5eagggghCGnmFnEx8eiTA2EYxIIkYIf5Zugj/lmQgIIEIQmJsfRIbZTxMGMSJEjDAUssHLPregLWWDnl1qEEBAgQIS2yji4Hos1rJ3Pn7iRIkSJEmuwDf2IiVz0IhMyBNVgm/zAgQIECE1vN3vj79Kky9Xd3lPw2mMSJBkO5P11fccNj0Nx/BhsejuYMJ3L+Ov7gQJT8NrhLTDHPs7+peEtzUCoXTtA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"
+}

package/examples-helpers/mockAutocompleteData.ts

@@ -0,0 +1,54 @@
+// https://developer.atlassian.com/cloud/jira/platform/rest/v3/api-group-jql/#api-rest-api-3-jql-autocompletedata-post
+export const mockAutoCompleteData = {
+  visibleFieldNames: [
+    {
+      value: 'status',
+      displayName: 'status',
+      operators: ['=', '!=', 'in', 'not in', 'is', 'is not'],
+      searchable: 'true',
+      auto: 'true',
+      orderable: 'true',
+      types: ['com.atlassian.jira.issue.status.Status'],
+    },
+    {
+      value: 'issuetype',
+      displayName: 'issuetype',
+      operators: ['=', '!=', 'in', 'not in', 'is', 'is not'],
+      searchable: 'true',
+      auto: 'true',
+      orderable: 'true',
+      types: ['com.atlassian.jira.issue.issuetype.IssueType'],
+    },
+    {
+      value: 'cf[10062]',
+      displayName: 'Component - cf[10062]',
+      orderable: 'true',
+      auto: 'true',
+      cfid: 'cf[10062]',
+      operators: ['=', '!=', 'in', 'not in', 'is', 'is not'],
+      types: ['com.atlassian.jira.issue.customfields.option.Option'],
+    },
+    {
+      value: '"Component[Dropdown]"',
+      displayName: 'Component - Component[Dropdown]',
+      searchable: 'true',
+      auto: 'true',
+      operators: ['=', '!=', 'in', 'not in', 'is', 'is not'],
+      types: ['com.atlassian.jira.issue.customfields.option.Option'],
+    },
+  ],
+  visibleFunctionNames: [
+    {
+      value: 'standardIssueTypes()',
+      displayName: 'standardIssueTypes()',
+      isList: 'true',
+      types: ['com.atlassian.jira.issue.issuetype.IssueType'],
+    },
+    {
+      value: 'currentUser()',
+      displayName: 'currentUser()',
+      types: ['com.atlassian.jira.user.ApplicationUser'],
+    },
+  ],
+  jqlReservedWords: ['empty', 'and', 'or', 'in', 'distinct'],
+};

package/examples-helpers/mockJiraAvailableSites.ts

@@ -0,0 +1,27 @@
+export const mockSiteData = [
+  {
+    cloudId: '12345',
+    url: 'https://test1.atlassian.net',
+    displayName: 'test1',
+  },
+  {
+    cloudId: '45678',
+    url: 'https://test2.atlassian.net',
+    displayName: 'test2',
+  },
+  {
+    cloudId: '67899',
+    url: 'https://hello.atlassian.net',
+    displayName: 'hello',
+  },
+  {
+    cloudId: '78911',
+    url: 'https://test4.atlassian.net',
+    displayName: 'test4',
+  },
+  {
+    cloudId: '11111',
+    url: 'https://test5.atlassian.net',
+    displayName: 'testSingleIssue',
+  },
+];