@atlaskit/link-datasource 2.9.1 → 2.9.2

package/dist/esm/ui/issue-like-table/table-cell-content/index.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { useIntl } from 'react-intl-next';
+import Tooltip from '@atlaskit/tooltip';
+import { useDatasourceItem } from '../../../state';
+import { stringifyType } from '../render-type';
+import { TruncateTextTag } from '../truncate-text-tag';
+export var TableCellContent = function TableCellContent(_ref) {
+  var _rowData$columnKey;
+  var columnKey = _ref.columnKey,
+    columnType = _ref.columnType,
+    id = _ref.id,
+    renderItem = _ref.renderItem,
+    wrappedColumnKeys = _ref.wrappedColumnKeys;
+  var intl = useIntl();
+  var rowData = useDatasourceItem({
+    id: id
+  });
+  if (!rowData || !columnKey || !rowData[columnKey]) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
+  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
+  var value = (_rowData$columnKey = rowData[columnKey]) === null || _rowData$columnKey === void 0 ? void 0 : _rowData$columnKey.data;
+  var values = Array.isArray(value) ? value : [value];
+  var renderedValues = renderItem({
+    type: columnType,
+    values: values
+  });
+  var stringifiedContent = values.map(function (value) {
+    return stringifyType({
+      type: columnType,
+      value: value
+    }, intl.formatMessage, intl.formatDate);
+  }).filter(function (value) {
+    return value !== '';
+  }).join(', ');
+  if (stringifiedContent && !(wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(columnKey))) {
+    return /*#__PURE__*/React.createElement(Tooltip
+    // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
+    , {
+      tag: TruncateTextTag,
+      content: stringifiedContent,
+      testId: "issues-table-cell-tooltip"
+    }, renderedValues);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderedValues);
+};

package/dist/esm/ui/issue-like-table/truncate-text-tag/index.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React, { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+import { css, jsx } from '@emotion/react';
+var truncateTextStyles = css({
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap'
+});
+export var TruncateTextTag = /*#__PURE__*/forwardRef(function (props, ref) {
+  return jsx("span", _extends({
+    css: truncateTextStyles
+  }, props, {
+    ref: ref
+  }), props.children);
+});

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

@@ -129,6 +129,7 @@ export var PlainJiraIssuesConfigModalOld = function PlainJiraIssuesConfigModalOl
     status = _useDatasourceTableSt.status,
     onNextPage = _useDatasourceTableSt.onNextPage,
     responseItems = _useDatasourceTableSt.responseItems,
+    responseItemIds = _useDatasourceTableSt.responseItemIds,
     hasNextPage = _useDatasourceTableSt.hasNextPage,
     columns = _useDatasourceTableSt.columns,
     defaultVisibleColumnKeys = _useDatasourceTableSt.defaultVisibleColumnKeys,
@@ -366,6 +367,7 @@ export var PlainJiraIssuesConfigModalOld = function PlainJiraIssuesConfigModalOl
       status: status,
       columns: columns,
       items: responseItems,
+      itemIds: responseItemIds,
       hasNextPage: hasNextPage,
       visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
       onNextPage: handleOnNextPage,
@@ -377,7 +379,7 @@ export var PlainJiraIssuesConfigModalOld = function PlainJiraIssuesConfigModalOl
       wrappedColumnKeys: wrappedColumnKeys,
       onWrappedColumnChange: fg('platform.linking-platform.datasource-word_wrap') ? onWrappedColumnChange : undefined
     }));
-  }, [status, columns, responseItems, hasNextPage, visibleColumnKeys, defaultVisibleColumnKeys, handleOnNextPage, loadDatasourceDetails, handleVisibleColumnKeysChange, extensionKey, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange]);
+  }, [status, columns, responseItems, responseItemIds, hasNextPage, visibleColumnKeys, defaultVisibleColumnKeys, handleOnNextPage, loadDatasourceDetails, handleVisibleColumnKeysChange, extensionKey, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange]);
   var renderCountModeContent = useCallback(function () {
     var selectedJiraSiteUrl = selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url;
     if (status === 'unauthorized') {

package/dist/types/hooks/useDatasourceTableState.d.ts

@@ -20,6 +20,8 @@ export interface DatasourceTableState {
     reset: (options?: ResetOptions) => void;
     /** Requests the available column schemas that can be displayed within the table */
     loadDatasourceDetails: () => void;
+    /** Item ids to be hydrated from a store by consumers [NOTE: They must be in the same order as responseItems] */
+    responseItemIds: string[];
     /** Items to be rendered within the table */
     responseItems: DatasourceDataResponseItem[];
     /** Indicates whether there is still more data that can be paginated */

package/dist/types/ui/assets-modal/modal/render-assets-content/index.d.ts

@@ -4,6 +4,7 @@ export interface RenderAssetsContentProps {
     isFetchingInitialData: boolean;
     status: DatasourceTableStatusType;
     responseItems: DatasourceDataResponseItem[];
+    responseItemIds: string[];
     visibleColumnKeys?: string[];
     datasourceId: string;
     aql?: string;

package/dist/types/ui/issue-like-table/index.d.ts

@@ -1,8 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type Ref } from 'react';
 import { jsx } from '@emotion/react';
 import { type DatasourceResponseSchemaProperty } from '@atlaskit/linking-types/datasource';
 import { type IssueLikeDataTableViewProps } from './types';
@@ -13,17 +8,6 @@ export declare const scrollableContainerShadowsCssComponents: {
     backgroundSize: string;
     backgroundAttachment: string;
 };
-export interface RowType {
-    cells: Array<RowCellType>;
-    key?: string;
-    ref?: Ref<HTMLTableRowElement>;
-}
-export interface RowCellType {
-    key: string;
-    width?: number;
-    shouldTruncate?: boolean;
-    content?: React.ReactNode | string;
-}
 export declare const getOrderedColumns: (columns: DatasourceResponseSchemaProperty[], visibleColumnKeys: string[]) => DatasourceResponseSchemaProperty[];
-export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, status, hasNextPage, scrollableContainerHeight, extensionKey, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
+export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, itemIds, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, status, hasNextPage, scrollableContainerHeight, extensionKey, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
 export declare const EmptyState: ({ isCompact, testId }: import("./empty-state").Props) => jsx.JSX.Element;

package/dist/types/ui/issue-like-table/styled.d.ts

@@ -18,3 +18,7 @@ export declare const TableHeading: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+export declare const TableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;

package/dist/types/ui/issue-like-table/table-cell-content/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { type TableViewPropsRenderType } from '../types';
+interface TableCellContentProps {
+    id: string;
+    columnKey: string | null;
+    columnType: string;
+    /** Used to retrieve cell content from the store */
+    renderItem: TableViewPropsRenderType;
+    wrappedColumnKeys: string[] | undefined;
+}
+export declare const TableCellContent: ({ columnKey, columnType, id, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
+export {};

package/dist/types/ui/issue-like-table/truncate-text-tag/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+export declare const TruncateTextTag: React.ForwardRefExoticComponent<React.RefAttributes<HTMLElement>>;

package/dist/types/ui/issue-like-table/types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type Ref } from 'react';
 import type { DatasourceDataResponseItem, DatasourceResponseSchemaProperty, DatasourceTableStatusType, DatasourceType } from '@atlaskit/linking-types';
 import type { NextPageType } from '../../hooks/useDatasourceTableState';
 export type DatasourceTypeWithOnlyValues = {
@@ -32,6 +32,7 @@ export interface IssueLikeDataTableViewProps {
     hasNextPage: boolean;
     status: DatasourceTableStatusType;
     items: DatasourceDataResponseItem[];
+    itemIds: string[];
     onNextPage: NextPageType;
     onLoadDatasourceDetails: () => void;
     /**
@@ -76,3 +77,21 @@ export interface IssueLikeDataTableViewProps {
      */
     onWrappedColumnChange?: (key: string, shouldWrap: boolean) => void;
 }
+export interface HeaderRowCellType {
+    key: string;
+    width?: number;
+    shouldTruncate?: boolean;
+    content?: React.ReactNode | string;
+}
+export interface RowType {
+    cells: Array<RowCellType>;
+    key?: string;
+    ref?: Ref<HTMLTableRowElement>;
+}
+export interface RowCellType {
+    key: string;
+    type?: DatasourceType['type'];
+    width?: number;
+    shouldTruncate?: boolean;
+    content?: React.ReactNode | string;
+}

package/dist/types-ts4.5/hooks/useDatasourceTableState.d.ts

@@ -20,6 +20,8 @@ export interface DatasourceTableState {
     reset: (options?: ResetOptions) => void;
     /** Requests the available column schemas that can be displayed within the table */
     loadDatasourceDetails: () => void;
+    /** Item ids to be hydrated from a store by consumers [NOTE: They must be in the same order as responseItems] */
+    responseItemIds: string[];
     /** Items to be rendered within the table */
     responseItems: DatasourceDataResponseItem[];
     /** Indicates whether there is still more data that can be paginated */

package/dist/types-ts4.5/ui/assets-modal/modal/render-assets-content/index.d.ts

@@ -4,6 +4,7 @@ export interface RenderAssetsContentProps {
     isFetchingInitialData: boolean;
     status: DatasourceTableStatusType;
     responseItems: DatasourceDataResponseItem[];
+    responseItemIds: string[];
     visibleColumnKeys?: string[];
     datasourceId: string;
     aql?: string;

package/dist/types-ts4.5/ui/issue-like-table/index.d.ts

@@ -1,8 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { type Ref } from 'react';
 import { jsx } from '@emotion/react';
 import { type DatasourceResponseSchemaProperty } from '@atlaskit/linking-types/datasource';
 import { type IssueLikeDataTableViewProps } from './types';
@@ -13,17 +8,6 @@ export declare const scrollableContainerShadowsCssComponents: {
     backgroundSize: string;
     backgroundAttachment: string;
 };
-export interface RowType {
-    cells: Array<RowCellType>;
-    key?: string;
-    ref?: Ref<HTMLTableRowElement>;
-}
-export interface RowCellType {
-    key: string;
-    width?: number;
-    shouldTruncate?: boolean;
-    content?: React.ReactNode | string;
-}
 export declare const getOrderedColumns: (columns: DatasourceResponseSchemaProperty[], visibleColumnKeys: string[]) => DatasourceResponseSchemaProperty[];
-export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, status, hasNextPage, scrollableContainerHeight, extensionKey, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
+export declare const IssueLikeDataTableView: ({ testId, onNextPage, onLoadDatasourceDetails, items, itemIds, columns, renderItem, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, status, hasNextPage, scrollableContainerHeight, extensionKey, }: IssueLikeDataTableViewProps) => jsx.JSX.Element;
 export declare const EmptyState: ({ isCompact, testId }: import("./empty-state").Props) => jsx.JSX.Element;

package/dist/types-ts4.5/ui/issue-like-table/styled.d.ts

@@ -18,3 +18,7 @@ export declare const TableHeading: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
+export declare const TableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { type TableViewPropsRenderType } from '../types';
+interface TableCellContentProps {
+    id: string;
+    columnKey: string | null;
+    columnType: string;
+    /** Used to retrieve cell content from the store */
+    renderItem: TableViewPropsRenderType;
+    wrappedColumnKeys: string[] | undefined;
+}
+export declare const TableCellContent: ({ columnKey, columnType, id, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/ui/issue-like-table/truncate-text-tag/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+export declare const TruncateTextTag: React.ForwardRefExoticComponent<React.RefAttributes<HTMLElement>>;

package/dist/types-ts4.5/ui/issue-like-table/types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type Ref } from 'react';
 import type { DatasourceDataResponseItem, DatasourceResponseSchemaProperty, DatasourceTableStatusType, DatasourceType } from '@atlaskit/linking-types';
 import type { NextPageType } from '../../hooks/useDatasourceTableState';
 export type DatasourceTypeWithOnlyValues = {
@@ -32,6 +32,7 @@ export interface IssueLikeDataTableViewProps {
     hasNextPage: boolean;
     status: DatasourceTableStatusType;
     items: DatasourceDataResponseItem[];
+    itemIds: string[];
     onNextPage: NextPageType;
     onLoadDatasourceDetails: () => void;
     /**
@@ -76,3 +77,21 @@ export interface IssueLikeDataTableViewProps {
      */
     onWrappedColumnChange?: (key: string, shouldWrap: boolean) => void;
 }
+export interface HeaderRowCellType {
+    key: string;
+    width?: number;
+    shouldTruncate?: boolean;
+    content?: React.ReactNode | string;
+}
+export interface RowType {
+    cells: Array<RowCellType>;
+    key?: string;
+    ref?: Ref<HTMLTableRowElement>;
+}
+export interface RowCellType {
+    key: string;
+    type?: DatasourceType['type'];
+    width?: number;
+    shouldTruncate?: boolean;
+    content?: React.ReactNode | string;
+}

package/examples-helpers/buildIssueLikeTable.tsx

@@ -53,6 +53,7 @@ const ExampleBody = ({ isReadonly, canResizeColumns = true, canControlWrapping =
 		status,
 		onNextPage,
 		responseItems,
+		responseItemIds,
 		hasNextPage,
 		defaultVisibleColumnKeys,
 		columns,
@@ -83,6 +84,7 @@ const ExampleBody = ({ isReadonly, canResizeColumns = true, canControlWrapping =
 				<IssueLikeDataTableView
 					testId="link-datasource"
 					items={responseItems}
+					itemIds={responseItemIds}
 					onNextPage={onNextPage}
 					onLoadDatasourceDetails={loadDatasourceDetails}
 					hasNextPage={hasNextPage}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "2.9.1",
+	"version": "2.9.2",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -37,25 +37,25 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^40.3.0",
 		"@atlaskit/analytics-next": "^9.3.0",
-		"@atlaskit/avatar": "^21.11.0",
+		"@atlaskit/avatar": "^21.12.0",
 		"@atlaskit/avatar-group": "^9.9.0",
 		"@atlaskit/badge": "^16.3.0",
 		"@atlaskit/button": "^19.1.0",
 		"@atlaskit/datetime-picker": "^13.7.0",
-		"@atlaskit/dropdown-menu": "^12.14.0",
+		"@atlaskit/dropdown-menu": "^12.15.0",
 		"@atlaskit/editor-prosemirror": "5.0.1",
 		"@atlaskit/empty-state": "^7.9.0",
 		"@atlaskit/form": "^10.4.0",
 		"@atlaskit/heading": "^2.4.0",
-		"@atlaskit/icon": "^22.7.0",
+		"@atlaskit/icon": "^22.9.0",
 		"@atlaskit/icon-object": "^6.4.0",
 		"@atlaskit/image": "^1.3.0",
 		"@atlaskit/intl-messages-provider": "^1.0.0",
 		"@atlaskit/jql-ast": "^3.3.0",
 		"@atlaskit/jql-editor": "^4.4.0",
 		"@atlaskit/jql-editor-autocomplete-rest": "^2.0.0",
-		"@atlaskit/link-client-extension": "^1.10.0",
-		"@atlaskit/linking-common": "^5.7.0",
+		"@atlaskit/link-client-extension": "^1.11.0",
+		"@atlaskit/linking-common": "^5.8.0",
 		"@atlaskit/linking-types": "^8.12.0",
 		"@atlaskit/logo": "^14.1.0",
 		"@atlaskit/lozenge": "^11.9.0",
@@ -69,7 +69,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.0",
 		"@atlaskit/primitives": "^11.1.0",
 		"@atlaskit/select": "^17.11.0",
-		"@atlaskit/smart-card": "^27.11.0",
+		"@atlaskit/smart-card": "^27.12.0",
 		"@atlaskit/smart-user-picker": "6.10.0",
 		"@atlaskit/spinner": "^16.2.0",
 		"@atlaskit/tag": "^12.4.0",
@@ -97,7 +97,7 @@
 	"devDependencies": {
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/link-provider": "^1.13.0",
+		"@atlaskit/link-provider": "^1.14.0",
 		"@atlaskit/link-test-helpers": "^7.0.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",