@atlaskit/link-datasource 2.9.1 → 2.9.3

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

@@ -1,9 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _styled$td;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -11,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -21,6 +19,7 @@ import debounce from 'lodash/debounce';
 import { useIntl } from 'react-intl-next';
 import invariant from 'tiny-invariant';
 import { Skeleton } from '@atlaskit/linking-common';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge';
 import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll';
@@ -38,7 +37,9 @@ import { DragColumnPreview } from './drag-column-preview';
 import { DraggableTableHeading } from './draggable-table-heading';
 import TableEmptyState from './empty-state';
 import { renderType, stringifyType } from './render-type';
-import { fieldTextFontSize, Table, TableHeading, withTablePluginBodyPrefix, withTablePluginHeaderPrefix } from './styled';
+import { Table, TableCell, TableHeading, withTablePluginHeaderPrefix } from './styled';
+import { TableCellContent } from './table-cell-content';
+import { TruncateTextTag } from './truncate-text-tag';
 import { useIsOnScreen } from './useIsOnScreen';
 import { COLUMN_BASE_WIDTH, getWidthCss } from './utils';
 var tableSidePadding = "var(--ds-space-200, 16px)";
@@ -49,11 +50,6 @@ var tableHeadStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: stickyTableHeadersIndex
 });
-var truncateTextStyles = css({
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-});
 var columnPickerWidth = 80;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ColumnPickerHeader = styled.th(_defineProperty({}, "".concat(withTablePluginHeaderPrefix('&:last-of-type')), {
@@ -77,28 +73,6 @@ var truncateStyles = css({
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 });
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-var TableCell = styled.td((_styled$td = {}, _defineProperty(_styled$td, "".concat(withTablePluginBodyPrefix()), {
-  /* First section here is to override things editor table plugin css defines */
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  font: fieldTextFontSize,
-  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
-  border: 0,
-  minWidth: 'auto',
-  verticalAlign: 'inherit',
-  boxSizing: 'border-box',
-  borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
-  borderBottom: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
-  overflow: 'hidden'
-}), _defineProperty(_styled$td, "".concat(withTablePluginBodyPrefix('&:first-child')), {
-  paddingLeft: "var(--ds-space-100, 8px)"
-}), _defineProperty(_styled$td, "".concat(withTablePluginBodyPrefix('&:last-child')), {
-  borderRight: 0,
-  paddingRight: "var(--ds-space-100, 8px)"
-}), _defineProperty(_styled$td, "& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span", {
-  whiteSpace: 'unset'
-}), _styled$td));
 var tableContainerStyles = css({
   borderRadius: 'inherit',
   borderBottomLeftRadius: 0,
@@ -274,18 +248,12 @@ function getDefaultColumnWidth(key, type) {
       return DEFAULT_WIDTH;
   }
 }
-var TruncateTextTag = /*#__PURE__*/forwardRef(function (props, ref) {
-  return jsx("span", _extends({
-    css: truncateTextStyles
-  }, props, {
-    ref: ref
-  }), props.children);
-});
 export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
   var testId = _ref5.testId,
     onNextPage = _ref5.onNextPage,
     onLoadDatasourceDetails = _ref5.onLoadDatasourceDetails,
     items = _ref5.items,
+    itemIds = _ref5.itemIds,
     columns = _ref5.columns,
     _ref5$renderItem = _ref5.renderItem,
     renderItem = _ref5$renderItem === void 0 ? renderType : _ref5$renderItem,
@@ -394,14 +362,15 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     return {
       key: 'loading',
       cells: headerColumns.map(function (column) {
-        return _objectSpread(_objectSpread({}, column), {}, {
+        return {
           content: jsx(Skeleton, {
             borderRadius: 8,
             width: "100%",
             height: 14,
             testId: "issues-table-row-loading"
-          })
-        });
+          }),
+          key: column.key
+        };
       })
     };
   }, [headerColumns]);
@@ -487,13 +456,36 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     }));
   }, [visibleColumnKeys, onVisibleColumnKeysChange, tableId, hasData]);
   var tableRows = useMemo(function () {
-    return items.map(function (newRowData, rowIndex) {
+    return fg('enable_datasource_react_sweet_state') ? itemIds.map(function (id, rowIndex) {
       return {
-        key: "".concat(identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].data || rowIndex),
+        key: id,
         cells: visibleSortedColumns.map(function (_ref12, cellIndex) {
-          var _newRowData$key;
           var key = _ref12.key,
             type = _ref12.type;
+          return {
+            key: key,
+            columnKey: key,
+            content: jsx(TableCellContent, {
+              id: id,
+              columnKey: key,
+              columnType: type,
+              wrappedColumnKeys: wrappedColumnKeys,
+              renderItem: renderItem
+            }),
+            width: getColumnWidth(key, type, cellIndex === visibleSortedColumns.length - 1)
+          };
+        }),
+        ref: rowIndex === items.length - 1 ? function (el) {
+          return setLastRowElement(el);
+        } : undefined
+      };
+    }) : items.map(function (newRowData, rowIndex) {
+      return {
+        key: "".concat(identityColumnKey && newRowData[identityColumnKey] && newRowData[identityColumnKey].data || rowIndex),
+        cells: visibleSortedColumns.map(function (_ref13, cellIndex) {
+          var _newRowData$key;
+          var key = _ref13.key,
+            type = _ref13.type;
           // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
           var value = (_newRowData$key = newRowData[key]) === null || _newRowData$key === void 0 ? void 0 : _newRowData$key.data;
           var values = Array.isArray(value) ? value : [value];
@@ -527,7 +519,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
         } : undefined
       };
     });
-  }, [items, visibleSortedColumns, renderItem, wrappedColumnKeys, getColumnWidth, intl.formatMessage, intl.formatDate]);
+  }, [items, itemIds, renderItem, wrappedColumnKeys, visibleSortedColumns, getColumnWidth, intl.formatMessage, intl.formatDate]);
   var rows = useMemo(function () {
     if (status !== 'loading') {
       return tableRows;
@@ -618,10 +610,10 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     className: !!onVisibleColumnKeysChange ? 'has-column-picker' : ''
   }, jsx("tr", {
     ref: tableHeaderRowRef
-  }, headerColumns.map(function (_ref14, cellIndex) {
-    var key = _ref14.key,
-      content = _ref14.content,
-      width = _ref14.width;
+  }, headerColumns.map(function (_ref15, cellIndex) {
+    var key = _ref15.key,
+      content = _ref15.content,
+      width = _ref15.width;
     var heading = jsx(Tooltip, {
       content: content,
       tag: "span",
@@ -638,10 +630,10 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     }
     if (isEditable) {
       var _containerRef$current3;
-      var previewRows = tableRows.map(function (_ref15) {
-        var cells = _ref15.cells;
-        var cell = cells.find(function (_ref16) {
-          var cellKey = _ref16.key;
+      var previewRows = tableRows.map(function (_ref16) {
+        var cells = _ref16.cells;
+        var cell = cells.find(function (_ref17) {
+          var cellKey = _ref17.key;
           return cellKey === key;
         });
         if (cell) {
@@ -684,18 +676,18 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
   })))), jsx("tbody", {
     css: noDefaultBorderStyles,
     "data-testid": testId && "".concat(testId, "--body")
-  }, rows.map(function (_ref17) {
-    var key = _ref17.key,
-      cells = _ref17.cells,
-      ref = _ref17.ref;
+  }, rows.map(function (_ref18) {
+    var key = _ref18.key,
+      cells = _ref18.cells,
+      ref = _ref18.ref;
     return jsx("tr", {
       key: key,
       "data-testid": testId && "".concat(testId, "--row-").concat(key),
       ref: ref
-    }, cells.map(function (_ref18, cellIndex) {
-      var cellKey = _ref18.key,
-        content = _ref18.content,
-        width = _ref18.width;
+    }, cells.map(function (_ref19, cellIndex) {
+      var cellKey = _ref19.key,
+        content = _ref19.content,
+        width = _ref19.width;
       var isLastCell = cellIndex === cells.length - 1;
       var loadingRowStyle = getWidthCss({
         shouldUseWidth: shouldUseWidth,

package/dist/esm/ui/issue-like-table/styled.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _styled$th;
+var _styled$th, _styled$td;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { N40 } from '@atlaskit/theme/colors';
@@ -65,4 +65,26 @@ export var TableHeading = styled.th((_styled$th = {}, _defineProperty(_styled$th
   whiteSpace: 'normal',
   overflow: 'hidden',
   wordWrap: 'break-word'
-}), _styled$th));
+}), _styled$th));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+export var TableCell = styled.td((_styled$td = {}, _defineProperty(_styled$td, "".concat(withTablePluginBodyPrefix()), {
+  /* First section here is to override things editor table plugin css defines */
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  font: fieldTextFontSize,
+  padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"),
+  border: 0,
+  minWidth: 'auto',
+  verticalAlign: 'inherit',
+  boxSizing: 'border-box',
+  borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
+  borderBottom: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
+  overflow: 'hidden'
+}), _defineProperty(_styled$td, "".concat(withTablePluginBodyPrefix('&:first-child')), {
+  paddingLeft: "var(--ds-space-100, 8px)"
+}), _defineProperty(_styled$td, "".concat(withTablePluginBodyPrefix('&:last-child')), {
+  borderRight: 0,
+  paddingRight: "var(--ds-space-100, 8px)"
+}), _defineProperty(_styled$td, "& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span", {
+  whiteSpace: 'unset'
+}), _styled$td));

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/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::6518dea178189cd102e0ca6ce7eae059>>
+ * @codegen <<SignedSource::a526398bbb8839b31c26c69ef2845c19>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -16,10 +16,6 @@ export type AnalyticsContextAttributesType = {
     dataProvider: 'jira-issues' | 'jsm-assets' | 'confluence-search';
 };
 export type DatasourceModalDialogViewedAttributesType = {};
-export type LinkClickedPoweredByAttributesType = {
-    extensionKey: string;
-    componentHierarchy: string;
-};
 export type ModalReadyDatasourceAttributesType = {
     instancesCount: number | null;
     schemasCount: number | null;
@@ -57,6 +53,8 @@ export type ButtonClickedCancelAttributesType = {
     extensionKey: string | null;
     actions: unknown[];
 };
+export type ButtonClickedWrapAttributesType = {};
+export type ButtonClickedUnwrapAttributesType = {};
 export type LinkClickedSingleItemAttributesType = {
     extensionKey: string | null;
     destinationObjectTypes: unknown[];
@@ -126,6 +124,7 @@ export type ButtonClickedBasicSearchDropdownAttributesType = {
     type: 'showMore';
 };
 export type AqlEditorSearchedAttributesType = {};
+export type LinkClickedPoweredByAttributesType = {};
 export type GetWorkspaceIdSuccessAttributesType = {};
 export type GetWorkspaceIdFailedAttributesType = {
     statusCodeGroup: '1xx' | '3xx' | '4xx' | '5xx' | 'unknown';
@@ -170,6 +169,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired on cancel button click */
     'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
+    /**
+     * Fired on wrap button click */
+    'ui.button.clicked.wrap': ButtonClickedWrapAttributesType;
+    /**
+     * Fired on unwrap button click */
+    'ui.button.clicked.unwrap': ButtonClickedUnwrapAttributesType;
     /**
      * Fired when user clicks on datasource items */
     'ui.link.clicked.singleItem': LinkClickedSingleItemAttributesType;
@@ -215,12 +220,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when the “show more” button inside the dropdown menu is clicked */
     'ui.button.clicked.basicSearchDropdown': ButtonClickedBasicSearchDropdownAttributesType;
-    /**
-     * Fired when the “show more” button inside the dropdown menu is clicked */
-    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * Fired when search is initiated via the search icon or enter key press for aql editor input field. */
     'ui.aqlEditor.searched': AqlEditorSearchedAttributesType;
+    /**
+     * Fired when the power by link on the issue like table footer is clicked. */
+    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * Fired when fetching a workspace Id is successful. */
     'operational.getWorkspaceId.success': GetWorkspaceIdSuccessAttributesType;

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/analytics/generated/analytics.types.d.ts

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::6518dea178189cd102e0ca6ce7eae059>>
+ * @codegen <<SignedSource::a526398bbb8839b31c26c69ef2845c19>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen link-datasource
  */
 export type ComponentMetaDataType = {
@@ -16,10 +16,6 @@ export type AnalyticsContextAttributesType = {
     dataProvider: 'jira-issues' | 'jsm-assets' | 'confluence-search';
 };
 export type DatasourceModalDialogViewedAttributesType = {};
-export type LinkClickedPoweredByAttributesType = {
-    extensionKey: string;
-    componentHierarchy: string;
-};
 export type ModalReadyDatasourceAttributesType = {
     instancesCount: number | null;
     schemasCount: number | null;
@@ -57,6 +53,8 @@ export type ButtonClickedCancelAttributesType = {
     extensionKey: string | null;
     actions: unknown[];
 };
+export type ButtonClickedWrapAttributesType = {};
+export type ButtonClickedUnwrapAttributesType = {};
 export type LinkClickedSingleItemAttributesType = {
     extensionKey: string | null;
     destinationObjectTypes: unknown[];
@@ -126,6 +124,7 @@ export type ButtonClickedBasicSearchDropdownAttributesType = {
     type: 'showMore';
 };
 export type AqlEditorSearchedAttributesType = {};
+export type LinkClickedPoweredByAttributesType = {};
 export type GetWorkspaceIdSuccessAttributesType = {};
 export type GetWorkspaceIdFailedAttributesType = {
     statusCodeGroup: '1xx' | '3xx' | '4xx' | '5xx' | 'unknown';
@@ -170,6 +169,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired on cancel button click */
     'ui.button.clicked.cancel': ButtonClickedCancelAttributesType;
+    /**
+     * Fired on wrap button click */
+    'ui.button.clicked.wrap': ButtonClickedWrapAttributesType;
+    /**
+     * Fired on unwrap button click */
+    'ui.button.clicked.unwrap': ButtonClickedUnwrapAttributesType;
     /**
      * Fired when user clicks on datasource items */
     'ui.link.clicked.singleItem': LinkClickedSingleItemAttributesType;
@@ -215,12 +220,12 @@ export type AnalyticsEventAttributes = {
     /**
      * Fired when the “show more” button inside the dropdown menu is clicked */
     'ui.button.clicked.basicSearchDropdown': ButtonClickedBasicSearchDropdownAttributesType;
-    /**
-     * Fired when the “show more” button inside the dropdown menu is clicked */
-    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * Fired when search is initiated via the search icon or enter key press for aql editor input field. */
     'ui.aqlEditor.searched': AqlEditorSearchedAttributesType;
+    /**
+     * Fired when the power by link on the issue like table footer is clicked. */
+    'ui.link.clicked.poweredBy': LinkClickedPoweredByAttributesType;
     /**
      * Fired when fetching a workspace Id is successful. */
     'operational.getWorkspaceId.success': GetWorkspaceIdSuccessAttributesType;

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>, {}>;