@atlaskit/link-datasource 6.8.0 → 6.10.0

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

@@ -0,0 +1,44 @@
+import { getFormattedDateRange } from './date-range/getFormattedDateRange';
+import { getFormattedDate } from './date-time/getFormattedDate';
+import { parseRichText } from './richtext/parseRichText';
+import { userTypeMessages } from './user/messages';
+export const stringifyType = ({
+  type,
+  value
+}, formatMessage, formatDate) => {
+  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 {
+        const adfPlainText = parseRichText(value);
+        return adfPlainText || '';
+      }
+    case 'link':
+    default:
+      return '';
+  }
+};

package/dist/es2019/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 const getIssueLinkData = rowData => {
+  var _rowData$key;
+  const 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/es2019/ui/issue-like-table/table-cell-content/get-linked-cell-content.js

@@ -0,0 +1,23 @@
+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 const getLinkedCellContent = ({
+  children,
+  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/es2019/ui/issue-like-table/table-cell-content/inline-edit.js

@@ -8,56 +8,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 const InlineEditUFOExperience = 'inline-edit-rendered';
 const 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 const newGetBackendUpdateValue = typedNewValue => {
-  if (typedNewValue.values.length === 0) {
-    throw new Error(`Datasource 2 way sync: Backend update value or value ID not supplied for type ${typedNewValue.type}`);
-  }
-  switch (typedNewValue.type) {
-    case 'string':
-      return typedNewValue.values[0];
-    case 'status':
-      const {
-        transitionId
-      } = typedNewValue.values[0];
-      if (transitionId === undefined || transitionId === '') {
-        throw new Error(`Datasource 2 way sync: Backend status transition ID not supplied for type transition`);
-      }
-      return transitionId;
-    case 'user':
-      const {
-        atlassianUserId
-      } = typedNewValue.values[0];
-      if (atlassianUserId === undefined || atlassianUserId === '') {
-        throw new Error(`Datasource 2 way sync: Backend atlasian user ID not supplied for type user`);
-      }
-      return atlassianUserId;
-    case 'icon':
-      const {
-        id
-      } = typedNewValue.values[0];
-      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 ${typedNewValue.type}`);
-};
 const getBackendUpdateValue = typedNewValue => {
   var _typedNewValue$values, _typedNewValue$values2, _typedNewValue$values3;
   switch (typedNewValue.type) {

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

@@ -0,0 +1,3 @@
+export const isIssueTypeColumnFn = columnKey => {
+  return columnKey === 'issuetype';
+};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import LinkUrl from '@atlaskit/smart-card/link-url';
+import { useDatasourceCrossProductAttribution } from '../../../analytics/xpc/useDatasourceCrossProductAttribution';
+export const LinkedCellContentWrapped = ({
+  children,
+  issueLinkData
+}) => {
+  const {
+    wrapCrossProductUrl
+  } = useDatasourceCrossProductAttribution();
+  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/es2019/ui/issue-like-table/table-cell-content/new-get-backend-update-value.js

@@ -0,0 +1,38 @@
+/**
+ * @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 const newGetBackendUpdateValue = typedNewValue => {
+  if (typedNewValue.values.length === 0) {
+    throw new Error(`Datasource 2 way sync: Backend update value or value ID not supplied for type ${typedNewValue.type}`);
+  }
+  switch (typedNewValue.type) {
+    case 'string':
+      return typedNewValue.values[0];
+    case 'status':
+      const {
+        transitionId
+      } = typedNewValue.values[0];
+      if (transitionId === undefined || transitionId === '') {
+        throw new Error(`Datasource 2 way sync: Backend status transition ID not supplied for type transition`);
+      }
+      return transitionId;
+    case 'user':
+      const {
+        atlassianUserId
+      } = typedNewValue.values[0];
+      if (atlassianUserId === undefined || atlassianUserId === '') {
+        throw new Error(`Datasource 2 way sync: Backend atlasian user ID not supplied for type user`);
+      }
+      return atlassianUserId;
+    case 'icon':
+      const {
+        id
+      } = typedNewValue.values[0];
+      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 ${typedNewValue.type}`);
+};

package/dist/es2019/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 const ReadOnlyCell = ({
+  id,
+  columnType,
+  wrappedColumnKeys = [],
+  renderItem,
+  columnKey
+}) => {
+  var _useDatasourceItem, _rowData$columnKey;
+  const rowData = (_useDatasourceItem = useDatasourceItem({
+    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.
+  const value = (_rowData$columnKey = rowData[columnKey]) === null || _rowData$columnKey === void 0 ? void 0 : _rowData$columnKey.data;
+  const values = Array.isArray(value) ? value : [value];
+  const datasourceTypeWithValues = {
+    type: columnType,
+    values
+  };
+  const isIssueTypeColumn = isIssueTypeColumnFn(columnKey);
+  const 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
+  }) : renderItem(datasourceTypeWithValues));
+};

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

@@ -0,0 +1,150 @@
+/* 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';
+const styles = {
+  readViewStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq _ae4v1h6o"
+};
+const InlineEditableCell = ({
+  ari,
+  values,
+  columnKey,
+  columnTitle,
+  renderItem,
+  integrationKey,
+  issueLinkData,
+  wrappedColumnKeys
+}) => {
+  // Callbacks are returned only when the ari is editable and the action schemas exist in the store
+  const {
+    execute,
+    executeFetch
+  } = useExecuteAtomicAction({
+    ari,
+    fieldKey: columnKey,
+    integrationKey
+  });
+
+  // A field is editable when `execute` is returned from the store
+  const isEditable = !!execute;
+  const 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
+  }) : 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
+  });
+};
+const toDatasourceTypeWithValues = ({
+  rowData,
+  columnKey,
+  columnType
+}) => {
+  var _rowData$columnKey;
+  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
+  const value = (_rowData$columnKey = rowData[columnKey]) === null || _rowData$columnKey === void 0 ? void 0 : _rowData$columnKey.data;
+  const values = !value ? [] : Array.isArray(value) ? value : [value];
+  return {
+    type: columnType,
+    values
+  };
+};
+export const TableCellContent = ({
+  id,
+  columnKey,
+  columnTitle,
+  columnType,
+  renderItem,
+  wrappedColumnKeys
+}) => {
+  const item = useDatasourceItem({
+    id
+  });
+  if (item) {
+    const {
+      integrationKey,
+      ari,
+      data: rowData
+    } = item;
+    const 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,
+          columnKey,
+          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/es2019/ui/issue-like-table/table-cell-content/tooltip-wrapper.js

@@ -0,0 +1,28 @@
+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 const TooltipWrapper = ({
+  columnKey,
+  datasourceTypeWithValues: {
+    type,
+    values
+  },
+  wrappedColumnKeys,
+  children
+}) => {
+  const intl = useIntl();
+  const stringifiedContent = values.map(value => stringifyType({
+    type,
+    value
+  }, intl.formatMessage, intl.formatDate)).filter(value => 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/es2019/ui/issue-like-table/table-settings-menu/{index.js → TableSettingsMenu.js}

@@ -1,5 +1,5 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-import "./index.compiled.css";
+/* TableSettingsMenu.tsx generated by @compiled/babel-plugin v2.0.0 */
+import "./TableSettingsMenu.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useId, useState } from 'react';
@@ -10,14 +10,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';
 const styles = {
   menu: "_1rjcu2gc _1bsb1mjv",
   setting: "_bfhksm61 _ca0q1b66 _u5f3utpp _n3td1b66 _19bvutpp"
 };
-export const hasAvailableTableSettings = ({
-  wrapTextSetting
-}) => Boolean(wrapTextSetting);
 export const TableSettingsMenu = props => {
   const {
     formatMessage

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

@@ -0,0 +1,8 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export const hasAvailableTableSettings = ({
+  wrapTextSetting
+}) => Boolean(wrapTextSetting);

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

@@ -1,23 +1,4 @@
 import React from 'react';
-export const GlyphPlaceholder = props => /*#__PURE__*/React.createElement("svg", {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  "data-testid": props.testId,
-  "aria-label": props.label
-});
-export const WrapTextIcon = () => /*#__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 const UnwrapTextIcon = () => /*#__PURE__*/React.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",

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

@@ -1,73 +1 @@
-import { DatasourceAction } from '../../analytics/types';
-export const COLUMN_BASE_WIDTH = 8;
-const COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 4;
-const 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 const 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 const getWidthCss = ({
-  shouldUseWidth,
-  width
-}) => {
-  if (!width) {
-    return {};
-  }
-  if (shouldUseWidth) {
-    return {
-      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 const getColumnAction = (oldVisibleColumnKeys, newVisibleColumnKeys) => {
-  const newColumnSize = newVisibleColumnKeys.length;
-  const 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 const 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
-  const {
-    'aria-labelledby': removedLabelByProps,
-    ...selectProps
-  } = props;
-  return selectProps;
-};
-
-/**
- * Create id for table header to be used as aria-labelledby on form fields.
- */
-export const getFieldLabelById = fieldId => `datasource-header-title-${fieldId}`;
+export const COLUMN_BASE_WIDTH = 8;

package/dist/es2019/ui/issue-like-table/wrap-text-icon.js

@@ -0,0 +1,13 @@
+import React from 'react';
+export const WrapTextIcon = () => /*#__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'
+}));

package/dist/es2019/ui/jira-issues-modal/JiraIssuesConfigModalWithWrappers.js

@@ -0,0 +1,11 @@
+import React, { lazy, Suspense } from 'react';
+const LazyJiraIssuesConfigModal = /*#__PURE__*/lazy(() => import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-jiraissuesmodal" */'./modal').then(module => ({
+  default: module.JiraIssuesConfigModal
+})));
+export const JiraIssuesConfigModalWithWrappers = props => {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      "data-testid": 'jira-datasource-table-suspense'
+    })
+  }, /*#__PURE__*/React.createElement(LazyJiraIssuesConfigModal, props));
+};

package/dist/es2019/ui/jira-issues-modal/basic-filters/hooks/getAssigneeUnassignedFilterOption.js

@@ -0,0 +1,6 @@
+import { filterOptionMessages } from './messages';
+export const getAssigneeUnassignedFilterOption = formatMessage => ({
+  label: formatMessage(filterOptionMessages.assigneeUnassignedFilterOption),
+  optionType: 'avatarLabel',
+  value: 'empty'
+});

package/dist/es2019/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -1,13 +1,10 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
 import { useBasicFilterAGG } from '../../../../services/useBasicFilterAGG';
-import { mapFieldValuesToFilterOptions, mapFieldValuesToPageCursor, mapFieldValuesToTotalCount } from '../utils/transformers';
-import { filterOptionMessages } from './messages';
-export const getAssigneeUnassignedFilterOption = formatMessage => ({
-  label: formatMessage(filterOptionMessages.assigneeUnassignedFilterOption),
-  optionType: 'avatarLabel',
-  value: 'empty'
-});
+import { mapFieldValuesToFilterOptions } from '../utils/mapFieldValuesToFilterOptions';
+import { mapFieldValuesToPageCursor } from '../utils/mapFieldValuesToPageCursor';
+import { mapFieldValuesToTotalCount } from '../utils/mapFieldValuesToTotalCount';
+import { getAssigneeUnassignedFilterOption } from './getAssigneeUnassignedFilterOption';
 export const useFilterOptions = ({
   filterType,
   site

package/dist/es2019/ui/jira-issues-modal/basic-filters/hooks/useHydrateJqlQuery.js

@@ -3,9 +3,9 @@ import { useIntl } from 'react-intl';
 import { OPERAND_EMPTY } from '@atlaskit/jql-ast';
 import { useBasicFilterAGG } from '../../../../services/useBasicFilterAGG';
 import { extractValuesFromNonComplexJQL } from '../utils/extractValuesFromNonComplexJQL';
-import { removeFuzzyCharacter } from '../utils/isClauseTooComplex';
-import { mapHydrateResponseData } from '../utils/transformers';
-import { getAssigneeUnassignedFilterOption } from './useFilterOptions';
+import { mapHydrateResponseData } from '../utils/mapHydrateResponseData';
+import { removeFuzzyCharacter } from '../utils/removeFuzzyCharacter';
+import { getAssigneeUnassignedFilterOption } from './getAssigneeUnassignedFilterOption';
 export const useHydrateJqlQuery = (cloudId, jql) => {
   const [hydratedOptions, setHydratedOptions] = useState({});
   const {

package/dist/es2019/ui/jira-issues-modal/basic-filters/utils/checkAndConvertToAbsoluteUrl.js

@@ -0,0 +1,9 @@
+export const checkAndConvertToAbsoluteUrl = (url, siteUrl) => {
+  if (!url) {
+    return '';
+  }
+  if (/^data:(.*)/.test(url) || /^http(.*)/.test(url) || !siteUrl) {
+    return url;
+  }
+  return `${siteUrl}${url}`;
+};

package/dist/es2019/ui/jira-issues-modal/basic-filters/utils/getLozengeAppearance.js

@@ -0,0 +1,7 @@
+import { appearanceMap } from '../types';
+import { isColorName } from './isColorName';
+export const getLozengeAppearance = colorName => {
+  if (isColorName(colorName)) {
+    return appearanceMap[colorName];
+  }
+};