@atlaskit/link-datasource 6.8.0 → 6.9.0

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

@@ -1,45 +1,11 @@
 /* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-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; }
 import { useMemo } from 'react';
 import dompurify from 'dompurify';
-import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
-import { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
+import { parseRichText } from './parseRichText';
 var rootStyles = null;
-var smartLinkNodeToUrl = function smartLinkNodeToUrl(node) {
-  var _node$attrs$url;
-  return (_node$attrs$url = node.attrs.url) !== null && _node$attrs$url !== void 0 ? _node$attrs$url : '';
-};
-var schemaSmartLinkOverride = new Schema({
-  nodes: defaultSchema.spec.nodes.update('inlineCard', _objectSpread(_objectSpread({}, defaultSchema.spec.nodes.get('inlineCard')), {}, {
-    leafText: smartLinkNodeToUrl
-  })).update('blockCard', _objectSpread(_objectSpread({}, defaultSchema.spec.nodes.get('blockCard')), {}, {
-    leafText: smartLinkNodeToUrl
-  })).update('embedCard', _objectSpread(_objectSpread({}, defaultSchema.spec.nodes.get('embedCard')), {}, {
-    leafText: smartLinkNodeToUrl
-  })),
-  marks: defaultSchema.spec.marks
-});
-export var parseRichText = function parseRichText(value) {
-  try {
-    if (value.type === 'adf') {
-      var adf = JSON.parse(value.text);
-      return PMNode.fromJSON(schemaSmartLinkOverride, _objectSpread(_objectSpread({}, adf), {}, {
-        content: _toConsumableArray(adf.content.slice(0, 2))
-      })).textContent;
-    }
-    return null;
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error('error parsing adf', e);
-    return null;
-  }
-};
 var RichTextType = function RichTextType(_ref) {
   var value = _ref.value;
   var adfPlainText = useMemo(function () {

package/dist/esm/ui/issue-like-table/render-type/richtext/parseRichText.js

@@ -0,0 +1,40 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
+import { Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
+var smartLinkNodeToUrl = function smartLinkNodeToUrl(node) {
+  var _node$attrs$url;
+  return (_node$attrs$url = node.attrs.url) !== null && _node$attrs$url !== void 0 ? _node$attrs$url : '';
+};
+var schemaSmartLinkOverride = new Schema({
+  nodes: defaultSchema.spec.nodes.update('inlineCard', _objectSpread(_objectSpread({}, defaultSchema.spec.nodes.get('inlineCard')), {}, {
+    leafText: smartLinkNodeToUrl
+  })).update('blockCard', _objectSpread(_objectSpread({}, defaultSchema.spec.nodes.get('blockCard')), {}, {
+    leafText: smartLinkNodeToUrl
+  })).update('embedCard', _objectSpread(_objectSpread({}, defaultSchema.spec.nodes.get('embedCard')), {}, {
+    leafText: smartLinkNodeToUrl
+  })),
+  marks: defaultSchema.spec.marks
+});
+export var parseRichText = function parseRichText(value) {
+  try {
+    if (value.type === 'adf') {
+      var adf = JSON.parse(value.text);
+      return PMNode.fromJSON(schemaSmartLinkOverride, _objectSpread(_objectSpread({}, adf), {}, {
+        content: _toConsumableArray(adf.content.slice(0, 2))
+      })).textContent;
+    }
+    return null;
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error('error parsing adf', e);
+    return null;
+  }
+};

package/dist/esm/ui/issue-like-table/render-type/stringifyType.js

@@ -0,0 +1,43 @@
+import { getFormattedDateRange } from './date-range/getFormattedDateRange';
+import { getFormattedDate } from './date-time/getFormattedDate';
+import { parseRichText } from './richtext/parseRichText';
+import { userTypeMessages } from './user/messages';
+export var stringifyType = function stringifyType(_ref, formatMessage, formatDate) {
+  var type = _ref.type,
+    value = _ref.value;
+  switch (type) {
+    case 'boolean':
+    case 'number':
+      return (value === null || value === void 0 ? void 0 : value.toString()) || '';
+    case 'date':
+      return getFormattedDate(value, 'date', formatDate);
+    case 'datetime':
+      return getFormattedDate(value, 'datetime', formatDate);
+    case 'daterange':
+      {
+        return getFormattedDateRange(value.start, value.end, formatDate, formatMessage);
+      }
+    case 'time':
+      return getFormattedDate(value, 'time', formatDate);
+    case 'icon':
+      return (value === null || value === void 0 ? void 0 : value.label) || '';
+    case 'status':
+      return (value === null || value === void 0 ? void 0 : value.text.toString()) || '';
+    case 'string':
+      return value;
+    case 'tag':
+      return (value === null || value === void 0 ? void 0 : value.text) || '';
+    case 'user':
+      return (value === null || value === void 0 ? void 0 : value.displayName) || formatMessage(userTypeMessages.userDefaultdisplayNameValue);
+    case 'richtext':
+      if (value.html && value.html.trim() !== '') {
+        return '';
+      } else {
+        var adfPlainText = parseRichText(value);
+        return adfPlainText || '';
+      }
+    case 'link':
+    default:
+      return '';
+  }
+};

package/dist/esm/ui/issue-like-table/table-cell-content/get-issue-link-data.js

@@ -0,0 +1,10 @@
+/**
+ * Extracts the issue link (URL + text) from a row's `key` column data, if present.
+ * Returns `undefined` when the row has no `key` data or the data has no URL,
+ * so callers can treat the result as a simple "is this row linkable?" check.
+ */
+export var getIssueLinkData = function getIssueLinkData(rowData) {
+  var _rowData$key;
+  var keyData = (_rowData$key = rowData.key) === null || _rowData$key === void 0 ? void 0 : _rowData$key.data;
+  return keyData !== null && keyData !== void 0 && keyData.url ? keyData : undefined;
+};

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import LinkUrl from '@atlaskit/smart-card/link-url';
+
+/**
+ * Wraps the given cell `children` in a `LinkUrl` pointing at the issue URL,
+ * making the cell's contents (e.g. the issue type icon) act as a link to the
+ * issue. If `issueLinkData` is missing, returns `children` unchanged so the
+ * caller doesn't need to branch on linkability.
+ */
+export var getLinkedCellContent = function getLinkedCellContent(_ref) {
+  var children = _ref.children,
+    issueLinkData = _ref.issueLinkData;
+  if (!issueLinkData) {
+    return children;
+  }
+  return /*#__PURE__*/React.createElement(LinkUrl, {
+    href: issueLinkData.url,
+    target: "_blank",
+    "aria-label": issueLinkData.text || issueLinkData.url,
+    "data-testid": 'issue-like-table-type-icon-link'
+  }, children);
+};

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

@@ -13,50 +13,19 @@ import AKInlineEdit from '@atlaskit/inline-edit/inline-edit';
 import { Box } from '@atlaskit/primitives/compiled';
 import { useSmartLinkReload } from '@atlaskit/smart-card/hooks';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
-import { startUfoExperience } from '../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
+import { startUfoExperience } from '../../../analytics/ufoExperiences/startUfoExperience';
+import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id/use-datasource-experience-id';
 import { useDatasourceTableFlag } from '../../../hooks/useDatasourceTableFlag';
 import { useDatasourceActions, useDatasourceItem } from '../../../state';
-import { editType } from '../edit-type';
+import { editType } from '../edit-type/editType';
+import { getFieldLabelById } from '../get-field-label-by-id';
 import { EmptyAvatar } from '../shared-components/avatar';
-import { getFieldLabelById } from '../utils';
 import { tableCellMessages } from './messages';
+import { newGetBackendUpdateValue } from './new-get-backend-update-value';
 export var InlineEditUFOExperience = 'inline-edit-rendered';
 var styles = {
   editContainerStyles: "_1pfhx0bf"
 };
-/**
- * @returns String of the new field value, or ID of status transition / atlassian user ID / priority ID.
- * @throws Error if the value is not supplied.
- */
-export var newGetBackendUpdateValue = function newGetBackendUpdateValue(typedNewValue) {
-  if (typedNewValue.values.length === 0) {
-    throw new Error("Datasource 2 way sync: Backend update value or value ID not supplied for type ".concat(typedNewValue.type));
-  }
-  switch (typedNewValue.type) {
-    case 'string':
-      return typedNewValue.values[0];
-    case 'status':
-      var transitionId = typedNewValue.values[0].transitionId;
-      if (transitionId === undefined || transitionId === '') {
-        throw new Error("Datasource 2 way sync: Backend status transition ID not supplied for type transition");
-      }
-      return transitionId;
-    case 'user':
-      var atlassianUserId = typedNewValue.values[0].atlassianUserId;
-      if (atlassianUserId === undefined || atlassianUserId === '') {
-        throw new Error("Datasource 2 way sync: Backend atlasian user ID not supplied for type user");
-      }
-      return atlassianUserId;
-    case 'icon':
-      var id = typedNewValue.values[0].id;
-      if (id === undefined || id === '') {
-        throw new Error("Datasource 2 way sync: Backend update ID not supplied for type icon");
-      }
-      return id;
-  }
-  throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
-};
 var getBackendUpdateValue = function getBackendUpdateValue(typedNewValue) {
   var _typedNewValue$values, _typedNewValue$values2, _typedNewValue$values3;
   switch (typedNewValue.type) {

package/dist/esm/ui/issue-like-table/table-cell-content/is-issue-type-column-fn.js

@@ -0,0 +1,3 @@
+export var isIssueTypeColumnFn = function isIssueTypeColumnFn(columnKey) {
+  return columnKey === 'issuetype';
+};

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import LinkUrl from '@atlaskit/smart-card/link-url';
+import { useDatasourceCrossProductAttribution } from '../../../analytics/xpc/useDatasourceCrossProductAttribution';
+export var LinkedCellContentWrapped = function LinkedCellContentWrapped(_ref) {
+  var children = _ref.children,
+    issueLinkData = _ref.issueLinkData;
+  var _useDatasourceCrossPr = useDatasourceCrossProductAttribution(),
+    wrapCrossProductUrl = _useDatasourceCrossPr.wrapCrossProductUrl;
+  if (!issueLinkData) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+  return /*#__PURE__*/React.createElement(LinkUrl, {
+    href: wrapCrossProductUrl(issueLinkData.url),
+    target: "_blank",
+    "aria-label": issueLinkData.text || issueLinkData.url,
+    "data-testid": 'issue-like-table-type-icon-link'
+  }, children);
+};

package/dist/esm/ui/issue-like-table/table-cell-content/new-get-backend-update-value.js

@@ -0,0 +1,32 @@
+/**
+ * @returns String of the new field value, or ID of status transition / atlassian user ID / priority ID.
+ * @throws Error if the value is not supplied.
+ */
+export var newGetBackendUpdateValue = function newGetBackendUpdateValue(typedNewValue) {
+  if (typedNewValue.values.length === 0) {
+    throw new Error("Datasource 2 way sync: Backend update value or value ID not supplied for type ".concat(typedNewValue.type));
+  }
+  switch (typedNewValue.type) {
+    case 'string':
+      return typedNewValue.values[0];
+    case 'status':
+      var transitionId = typedNewValue.values[0].transitionId;
+      if (transitionId === undefined || transitionId === '') {
+        throw new Error("Datasource 2 way sync: Backend status transition ID not supplied for type transition");
+      }
+      return transitionId;
+    case 'user':
+      var atlassianUserId = typedNewValue.values[0].atlassianUserId;
+      if (atlassianUserId === undefined || atlassianUserId === '') {
+        throw new Error("Datasource 2 way sync: Backend atlasian user ID not supplied for type user");
+      }
+      return atlassianUserId;
+    case 'icon':
+      var id = typedNewValue.values[0].id;
+      if (id === undefined || id === '') {
+        throw new Error("Datasource 2 way sync: Backend update ID not supplied for type icon");
+      }
+      return id;
+  }
+  throw new Error("Datasource 2 way sync Backend update value not implemented for type ".concat(typedNewValue.type));
+};

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { useDatasourceItem } from '../../../state';
+import { getIssueLinkData } from './get-issue-link-data';
+import { getLinkedCellContent } from './get-linked-cell-content';
+import { isIssueTypeColumnFn } from './is-issue-type-column-fn';
+import { LinkedCellContentWrapped } from './linked-cell-content-wrapped';
+import { TooltipWrapper } from './tooltip-wrapper';
+export var ReadOnlyCell = function ReadOnlyCell(_ref) {
+  var _useDatasourceItem, _rowData$columnKey;
+  var id = _ref.id,
+    columnType = _ref.columnType,
+    _ref$wrappedColumnKey = _ref.wrappedColumnKeys,
+    wrappedColumnKeys = _ref$wrappedColumnKey === void 0 ? [] : _ref$wrappedColumnKey,
+    renderItem = _ref.renderItem,
+    columnKey = _ref.columnKey;
+  var rowData = (_useDatasourceItem = useDatasourceItem({
+    id: id
+  })) === null || _useDatasourceItem === void 0 ? void 0 : _useDatasourceItem.data;
+  if (!rowData || !columnKey || !rowData[columnKey]) {
+    return 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 datasourceTypeWithValues = {
+    type: columnType,
+    values: values
+  };
+  var isIssueTypeColumn = isIssueTypeColumnFn(columnKey);
+  var issueLinkData = getIssueLinkData(rowData);
+  return /*#__PURE__*/React.createElement(TooltipWrapper, {
+    columnKey: columnKey,
+    datasourceTypeWithValues: datasourceTypeWithValues,
+    wrappedColumnKeys: wrappedColumnKeys
+  }, isIssueTypeColumn && issueLinkData ? fg('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/React.createElement(LinkedCellContentWrapped, {
+    issueLinkData: issueLinkData
+  }, renderItem(datasourceTypeWithValues)) : getLinkedCellContent({
+    children: renderItem(datasourceTypeWithValues),
+    issueLinkData: issueLinkData
+  }) : renderItem(datasourceTypeWithValues));
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,144 @@
+/* table-cell-content.tsx generated by @compiled/babel-plugin v2.0.0 */
+import "./table-cell-content.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Box } from '@atlaskit/primitives/compiled';
+import { useDatasourceItem } from '../../../state';
+import { useExecuteAtomicAction } from '../../../state/actions/useExecuteAtomicAction';
+import { isEditTypeSelectable } from '../edit-type/isEditTypeSelectable';
+import { isEditTypeSupported } from '../edit-type/isEditTypeSupported';
+import { getIssueLinkData } from './get-issue-link-data';
+import { getLinkedCellContent } from './get-linked-cell-content';
+import { InlineEdit } from './inline-edit';
+import { isIssueTypeColumnFn } from './is-issue-type-column-fn';
+import { LinkedCellContentWrapped } from './linked-cell-content-wrapped';
+import { ReadOnlyCell } from './read-only-cell';
+import { TooltipWrapper } from './tooltip-wrapper';
+var styles = {
+  readViewStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq _ae4v1h6o"
+};
+var InlineEditableCell = function InlineEditableCell(_ref) {
+  var ari = _ref.ari,
+    values = _ref.values,
+    columnKey = _ref.columnKey,
+    columnTitle = _ref.columnTitle,
+    renderItem = _ref.renderItem,
+    integrationKey = _ref.integrationKey,
+    issueLinkData = _ref.issueLinkData,
+    wrappedColumnKeys = _ref.wrappedColumnKeys;
+  // Callbacks are returned only when the ari is editable and the action schemas exist in the store
+  var _useExecuteAtomicActi = useExecuteAtomicAction({
+      ari: ari,
+      fieldKey: columnKey,
+      integrationKey: integrationKey
+    }),
+    execute = _useExecuteAtomicActi.execute,
+    executeFetch = _useExecuteAtomicActi.executeFetch;
+
+  // A field is editable when `execute` is returned from the store
+  var isEditable = !!execute;
+  var readView = /*#__PURE__*/React.createElement(TooltipWrapper, {
+    columnKey: columnKey,
+    datasourceTypeWithValues: values,
+    wrappedColumnKeys: wrappedColumnKeys
+  }, /*#__PURE__*/React.createElement(Box, {
+    testId: "inline-edit-read-view",
+    paddingInline: isEditable ? 'space.075' : 'space.100',
+    paddingBlock: "space.050",
+    xcss: styles.readViewStyles
+    // minHeight here compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      minHeight: 'calc(40px - 2px * 2)'
+    }
+  }, !isEditable && isIssueTypeColumnFn(columnKey) && issueLinkData ? fg('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/React.createElement(LinkedCellContentWrapped, {
+    issueLinkData: issueLinkData
+  }, renderItem(values)) : getLinkedCellContent({
+    children: renderItem(values),
+    issueLinkData: issueLinkData
+  }) : renderItem(values)));
+  if (!isEditable) {
+    return readView;
+  }
+
+  // if the field requires to fetch options to execute, then is editable only if `executeFetch` is defined
+  if (isEditTypeSelectable(values.type) && !executeFetch) {
+    return readView;
+  }
+  return /*#__PURE__*/React.createElement(InlineEdit, {
+    ari: ari,
+    execute: execute,
+    executeFetch: executeFetch,
+    readView: readView,
+    columnKey: columnKey,
+    columnTitle: columnTitle,
+    datasourceTypeWithValues: values
+  });
+};
+var toDatasourceTypeWithValues = function toDatasourceTypeWithValues(_ref2) {
+  var _rowData$columnKey;
+  var rowData = _ref2.rowData,
+    columnKey = _ref2.columnKey,
+    columnType = _ref2.columnType;
+  // 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 = !value ? [] : Array.isArray(value) ? value : [value];
+  return {
+    type: columnType,
+    values: values
+  };
+};
+export var TableCellContent = function TableCellContent(_ref3) {
+  var id = _ref3.id,
+    columnKey = _ref3.columnKey,
+    columnTitle = _ref3.columnTitle,
+    columnType = _ref3.columnType,
+    renderItem = _ref3.renderItem,
+    wrappedColumnKeys = _ref3.wrappedColumnKeys;
+  var item = useDatasourceItem({
+    id: id
+  });
+  if (item) {
+    var integrationKey = item.integrationKey,
+      ari = item.ari,
+      rowData = item.data;
+    var isEditType = !!ari && !!integrationKey && isEditTypeSupported(columnType);
+    if (isEditType) {
+      return /*#__PURE__*/React.createElement(InlineEditableCell, {
+        ari: ari,
+        columnKey: columnKey,
+        columnTitle: columnTitle,
+        renderItem: renderItem,
+        integrationKey: integrationKey,
+        issueLinkData: getIssueLinkData(rowData),
+        values: toDatasourceTypeWithValues({
+          rowData: rowData,
+          columnKey: columnKey,
+          columnType: columnType
+        }),
+        wrappedColumnKeys: wrappedColumnKeys
+      });
+    }
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    testId: "inline-edit-read-view",
+    paddingInline: "space.100",
+    paddingBlock: "space.050",
+    xcss: styles.readViewStyles
+    // minHeight here compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      minHeight: 'calc(40px - 2px * 2)'
+    }
+  }, /*#__PURE__*/React.createElement(ReadOnlyCell, {
+    id: id,
+    columnKey: columnKey,
+    columnTitle: columnTitle,
+    columnType: columnType,
+    wrappedColumnKeys: wrappedColumnKeys,
+    renderItem: renderItem
+  }));
+};

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { useIntl } from 'react-intl';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
+import { stringifyType } from '../render-type/stringifyType';
+import { TruncateTextTag } from '../truncate-text-tag';
+export var TooltipWrapper = function TooltipWrapper(_ref) {
+  var columnKey = _ref.columnKey,
+    _ref$datasourceTypeWi = _ref.datasourceTypeWithValues,
+    type = _ref$datasourceTypeWi.type,
+    values = _ref$datasourceTypeWi.values,
+    wrappedColumnKeys = _ref.wrappedColumnKeys,
+    children = _ref.children;
+  var intl = useIntl();
+  var stringifiedContent = values.map(function (value) {
+    return stringifyType({
+      type: type,
+      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, {
+      tag: TruncateTextTag,
+      content: stringifiedContent,
+      testId: "issues-table-cell-tooltip"
+    }, children);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+};

package/dist/esm/ui/issue-like-table/table-settings-menu/{index.js → TableSettingsMenu.js}

@@ -1,6 +1,6 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* TableSettingsMenu.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import "./index.compiled.css";
+import "./TableSettingsMenu.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useId, useState } from 'react';
@@ -11,15 +11,12 @@ import { Popup } from '@atlaskit/popup/popup';
 import { Box, Inline } from '@atlaskit/primitives/compiled';
 import { layers } from '@atlaskit/theme/constants';
 import Toggle from '@atlaskit/toggle/toggle';
+import { hasAvailableTableSettings } from './hasAvailableTableSettings';
 import { tableSettingsMenuMessages } from './messages';
 var styles = {
   menu: "_1rjcu2gc _1bsb1mjv",
   setting: "_bfhksm61 _ca0q1b66 _u5f3utpp _n3td1b66 _19bvutpp"
 };
-export var hasAvailableTableSettings = function hasAvailableTableSettings(_ref) {
-  var wrapTextSetting = _ref.wrapTextSetting;
-  return Boolean(wrapTextSetting);
-};
 export var TableSettingsMenu = function TableSettingsMenu(props) {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -62,8 +59,8 @@ export var TableSettingsMenu = function TableSettingsMenu(props) {
         spacing: "default"
       });
     },
-    content: function content(_ref2) {
-      var setInitialFocusRef = _ref2.setInitialFocusRef;
+    content: function content(_ref) {
+      var setInitialFocusRef = _ref.setInitialFocusRef;
       return /*#__PURE__*/React.createElement(Box, {
         xcss: styles.menu
       }, wrapTextSetting && /*#__PURE__*/React.createElement(Box, {

package/dist/esm/ui/issue-like-table/table-settings-menu/hasAvailableTableSettings.js

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export var hasAvailableTableSettings = function hasAvailableTableSettings(_ref) {
+  var wrapTextSetting = _ref.wrapTextSetting;
+  return Boolean(wrapTextSetting);
+};

package/dist/esm/ui/issue-like-table/{custom-icons.js → unwrap-text-icon.js}

@@ -1,27 +1,4 @@
 import React from 'react';
-export var GlyphPlaceholder = function GlyphPlaceholder(props) {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    "data-testid": props.testId,
-    "aria-label": props.label
-  });
-};
-export var WrapTextIcon = function WrapTextIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none"
-  }, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5 6.75C5 6.19772 5.44772 5.75 6 5.75H18C18.5523 5.75 19 6.19772 19 6.75C19 7.30228 18.5523 7.75 18 7.75H6C5.44772 7.75 5 7.30228 5 6.75ZM5 12C5 11.4477 5.44772 11 6 11H11.9996L12 12L12 13H6C5.44772 13 5 12.5523 5 12ZM13 12C13 12.5523 12.5522 13 12 13L12 12L11.9996 11C12.5519 11 13 11.4477 13 12ZM18.25 12C18.8023 12 19.25 12.4477 19.25 13V15.25C19.25 16.9069 17.9069 18.25 16.25 18.25H15.2023L16.0049 19.0352C16.3997 19.4214 16.4066 20.0545 16.0204 20.4493C15.6342 20.8441 15.0011 20.851 14.6063 20.4648L12.0507 17.9648C11.8584 17.7767 11.75 17.519 11.75 17.25C11.75 16.981 11.8584 16.7233 12.0507 16.5352L14.6063 14.0352C15.0011 13.649 15.6342 13.6559 16.0204 14.0507C16.4066 14.4455 16.3997 15.0786 16.0049 15.4648L15.2023 16.25H16.25C16.8023 16.25 17.25 15.8023 17.25 15.25V13C17.25 12.4477 17.6977 12 18.25 12ZM5 17.25C5 16.6977 5.44772 16.25 6 16.25H7.99911C8.55141 16.25 9 16.6977 9 17.25C9 17.8023 8.55228 18.25 7.99999 18.25H6C5.44772 18.25 5 17.8023 5 17.25Z",
-    fill: 'currentColor'
-  }));
-};
 export var UnwrapTextIcon = function UnwrapTextIcon() {
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",

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

@@ -1,74 +1 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["aria-labelledby"];
-import { DatasourceAction } from '../../analytics/types';
-export var COLUMN_BASE_WIDTH = 8;
-var COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 4;
-var keyBasedMinWidthMap = {
-  summary: COLUMN_BASE_WIDTH * 26,
-  status: COLUMN_BASE_WIDTH * 12.5,
-  priority: COLUMN_BASE_WIDTH * 12.5,
-  // 100px
-  assignee: COLUMN_BASE_WIDTH * 12.5
-};
-export var getColumnMinWidth = function getColumnMinWidth(key) {
-  return keyBasedMinWidthMap[key] || COLUMN_MIN_WIDTH;
-};
-
-/**
- * Generate width related portion of css for table cell.
- *
- * @param shouldUseWidth boolean argument defines if a given width is user defined / baked in value
- * or rather default width that should be treated as a maximum width. When table inserted initially
- * and no user custom width defined we set this value to `false`. As soon as user changes any of the
- * column widths we treat all width as custom hardcoded widths.
- * @param width Sometimes set to undefined for last column to make it occupy remainder of the table width
- */
-export var getWidthCss = function getWidthCss(_ref) {
-  var shouldUseWidth = _ref.shouldUseWidth,
-    width = _ref.width;
-  if (!width) {
-    return {};
-  }
-  if (shouldUseWidth) {
-    return {
-      width: width
-    };
-  } else {
-    return {
-      maxWidth: width
-    };
-  }
-};
-
-/**
- * This method should be called when one atomic action is performed on columns: adding new item, removing one item, changing items order.
- * The assumption is that since only one action is changed at each time, we don't have to verify the actual contents of the lists.
- */
-export var getColumnAction = function getColumnAction(oldVisibleColumnKeys, newVisibleColumnKeys) {
-  var newColumnSize = newVisibleColumnKeys.length;
-  var oldColumnSize = oldVisibleColumnKeys.length;
-  if (newColumnSize > oldColumnSize) {
-    return DatasourceAction.COLUMN_ADDED;
-  } else if (newColumnSize < oldColumnSize) {
-    return DatasourceAction.COLUMN_REMOVED;
-  } else {
-    return DatasourceAction.COLUMN_REORDERED;
-  }
-};
-
-/**
- * Remove deprecated `aria-labelledby` prop from select component props.
- */
-export var getCleanedSelectProps = function getCleanedSelectProps(props) {
-  // Component Field auto adds `aria-labelledby` prop, which is deprecated and should not be used - https://hello.jira.atlassian.cloud/browse/ENGHEALTH-14529
-  var removedLabelByProps = props['aria-labelledby'],
-    selectProps = _objectWithoutProperties(props, _excluded);
-  return selectProps;
-};
-
-/**
- * Create id for table header to be used as aria-labelledby on form fields.
- */
-export var getFieldLabelById = function getFieldLabelById(fieldId) {
-  return "datasource-header-title-".concat(fieldId);
-};
+export var COLUMN_BASE_WIDTH = 8;