@atlaskit/link-datasource 6.8.0 → 6.10.0

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

@@ -0,0 +1,151 @@
+/* table-cell-content.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableCellContent = void 0;
+require("./table-cell-content.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _compiled = require("@atlaskit/primitives/compiled");
+var _state = require("../../../state");
+var _useExecuteAtomicAction = require("../../../state/actions/useExecuteAtomicAction");
+var _isEditTypeSelectable = require("../edit-type/isEditTypeSelectable");
+var _isEditTypeSupported = require("../edit-type/isEditTypeSupported");
+var _getIssueLinkData = require("./get-issue-link-data");
+var _getLinkedCellContent = require("./get-linked-cell-content");
+var _inlineEdit = require("./inline-edit");
+var _isIssueTypeColumnFn = require("./is-issue-type-column-fn");
+var _linkedCellContentWrapped = require("./linked-cell-content-wrapped");
+var _readOnlyCell = require("./read-only-cell");
+var _tooltipWrapper = require("./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 = (0, _useExecuteAtomicAction.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.default.createElement(_tooltipWrapper.TooltipWrapper, {
+    columnKey: columnKey,
+    datasourceTypeWithValues: values,
+    wrappedColumnKeys: wrappedColumnKeys
+  }, /*#__PURE__*/_react.default.createElement(_compiled.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 && (0, _isIssueTypeColumnFn.isIssueTypeColumnFn)(columnKey) && issueLinkData ? (0, _fg.fg)('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/_react.default.createElement(_linkedCellContentWrapped.LinkedCellContentWrapped, {
+    issueLinkData: issueLinkData
+  }, renderItem(values)) : (0, _getLinkedCellContent.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 ((0, _isEditTypeSelectable.isEditTypeSelectable)(values.type) && !executeFetch) {
+    return readView;
+  }
+  return /*#__PURE__*/_react.default.createElement(_inlineEdit.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
+  };
+};
+var TableCellContent = exports.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 = (0, _state.useDatasourceItem)({
+    id: id
+  });
+  if (item) {
+    var integrationKey = item.integrationKey,
+      ari = item.ari,
+      rowData = item.data;
+    var isEditType = !!ari && !!integrationKey && (0, _isEditTypeSupported.isEditTypeSupported)(columnType);
+    if (isEditType) {
+      return /*#__PURE__*/_react.default.createElement(InlineEditableCell, {
+        ari: ari,
+        columnKey: columnKey,
+        columnTitle: columnTitle,
+        renderItem: renderItem,
+        integrationKey: integrationKey,
+        issueLinkData: (0, _getIssueLinkData.getIssueLinkData)(rowData),
+        values: toDatasourceTypeWithValues({
+          rowData: rowData,
+          columnKey: columnKey,
+          columnType: columnType
+        }),
+        wrappedColumnKeys: wrappedColumnKeys
+      });
+    }
+  }
+  return /*#__PURE__*/_react.default.createElement(_compiled.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.default.createElement(_readOnlyCell.ReadOnlyCell, {
+    id: id,
+    columnKey: columnKey,
+    columnTitle: columnTitle,
+    columnType: columnType,
+    wrappedColumnKeys: wrappedColumnKeys,
+    renderItem: renderItem
+  }));
+};

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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TooltipWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
+var _stringifyType = require("../render-type/stringifyType");
+var _truncateTextTag = require("../truncate-text-tag");
+var TooltipWrapper = exports.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 = (0, _reactIntl.useIntl)();
+  var stringifiedContent = values.map(function (value) {
+    return (0, _stringifyType.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.default.createElement(_Tooltip.default, {
+      tag: _truncateTextTag.TruncateTextTag,
+      content: stringifiedContent,
+      testId: "issues-table-cell-tooltip"
+    }, children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+};

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

@@ -1,4 +1,4 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* TableSettingsMenu.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,8 +6,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasAvailableTableSettings = exports.TableSettingsMenu = void 0;
-require("./index.compiled.css");
+exports.TableSettingsMenu = void 0;
+require("./TableSettingsMenu.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
@@ -19,16 +19,13 @@ var _popup = require("@atlaskit/popup/popup");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("@atlaskit/theme/constants");
 var _toggle = _interopRequireDefault(require("@atlaskit/toggle/toggle"));
+var _hasAvailableTableSettings = require("./hasAvailableTableSettings");
 var _messages = require("./messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   menu: "_1rjcu2gc _1bsb1mjv",
   setting: "_bfhksm61 _ca0q1b66 _u5f3utpp _n3td1b66 _19bvutpp"
 };
-var hasAvailableTableSettings = exports.hasAvailableTableSettings = function hasAvailableTableSettings(_ref) {
-  var wrapTextSetting = _ref.wrapTextSetting;
-  return Boolean(wrapTextSetting);
-};
 var TableSettingsMenu = exports.TableSettingsMenu = function TableSettingsMenu(props) {
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
@@ -37,7 +34,7 @@ var TableSettingsMenu = exports.TableSettingsMenu = function TableSettingsMenu(p
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
   var wrapTextToggleId = (0, _react.useId)();
-  if (!hasAvailableTableSettings(props)) {
+  if (!(0, _hasAvailableTableSettings.hasAvailableTableSettings)(props)) {
     return null;
   }
   var wrapTextSetting = props.wrapTextSetting;
@@ -71,8 +68,8 @@ var TableSettingsMenu = exports.TableSettingsMenu = function TableSettingsMenu(p
         spacing: "default"
       });
     },
-    content: function content(_ref2) {
-      var setInitialFocusRef = _ref2.setInitialFocusRef;
+    content: function content(_ref) {
+      var setInitialFocusRef = _ref.setInitialFocusRef;
       return /*#__PURE__*/React.createElement(_compiled.Box, {
         xcss: styles.menu
       }, wrapTextSetting && /*#__PURE__*/React.createElement(_compiled.Box, {

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasAvailableTableSettings = void 0;
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+var hasAvailableTableSettings = exports.hasAvailableTableSettings = function hasAvailableTableSettings(_ref) {
+  var wrapTextSetting = _ref.wrapTextSetting;
+  return Boolean(wrapTextSetting);
+};

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

@@ -4,31 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WrapTextIcon = exports.UnwrapTextIcon = exports.GlyphPlaceholder = void 0;
+exports.UnwrapTextIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
-var GlyphPlaceholder = exports.GlyphPlaceholder = function GlyphPlaceholder(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    "data-testid": props.testId,
-    "aria-label": props.label
-  });
-};
-var WrapTextIcon = exports.WrapTextIcon = function WrapTextIcon() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none"
-  }, /*#__PURE__*/_react.default.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'
-  }));
-};
 var UnwrapTextIcon = exports.UnwrapTextIcon = function UnwrapTextIcon() {
   return /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",

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

@@ -1,81 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getWidthCss = exports.getFieldLabelById = exports.getColumnMinWidth = exports.getColumnAction = exports.getCleanedSelectProps = exports.COLUMN_BASE_WIDTH = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _types = require("../../analytics/types");
-var _excluded = ["aria-labelledby"];
-var COLUMN_BASE_WIDTH = exports.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
-};
-var getColumnMinWidth = exports.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
- */
-var getWidthCss = exports.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.
- */
-var getColumnAction = exports.getColumnAction = function getColumnAction(oldVisibleColumnKeys, newVisibleColumnKeys) {
-  var newColumnSize = newVisibleColumnKeys.length;
-  var oldColumnSize = oldVisibleColumnKeys.length;
-  if (newColumnSize > oldColumnSize) {
-    return _types.DatasourceAction.COLUMN_ADDED;
-  } else if (newColumnSize < oldColumnSize) {
-    return _types.DatasourceAction.COLUMN_REMOVED;
-  } else {
-    return _types.DatasourceAction.COLUMN_REORDERED;
-  }
-};
-
-/**
- * Remove deprecated `aria-labelledby` prop from select component props.
- */
-var getCleanedSelectProps = exports.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 = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return selectProps;
-};
-
-/**
- * Create id for table header to be used as aria-labelledby on form fields.
- */
-var getFieldLabelById = exports.getFieldLabelById = function getFieldLabelById(fieldId) {
-  return "datasource-header-title-".concat(fieldId);
-};
+exports.COLUMN_BASE_WIDTH = void 0;
+var COLUMN_BASE_WIDTH = exports.COLUMN_BASE_WIDTH = 8;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WrapTextIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var WrapTextIcon = exports.WrapTextIcon = function WrapTextIcon() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, /*#__PURE__*/_react.default.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/cjs/ui/jira-issues-modal/JiraIssuesConfigModalWithWrappers.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JiraIssuesConfigModalWithWrappers = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var LazyJiraIssuesConfigModal = /*#__PURE__*/(0, _react.lazy)(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_linkdatasource-jiraissuesmodal" */'./modal'));
+  }).then(function (module) {
+    return {
+      default: module.JiraIssuesConfigModal
+    };
+  });
+});
+var JiraIssuesConfigModalWithWrappers = exports.JiraIssuesConfigModalWithWrappers = function JiraIssuesConfigModalWithWrappers(props) {
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: /*#__PURE__*/_react.default.createElement("div", {
+      "data-testid": 'jira-datasource-table-suspense'
+    })
+  }, /*#__PURE__*/_react.default.createElement(LazyJiraIssuesConfigModal, props));
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAssigneeUnassignedFilterOption = void 0;
+var _messages = require("./messages");
+var getAssigneeUnassignedFilterOption = exports.getAssigneeUnassignedFilterOption = function getAssigneeUnassignedFilterOption(formatMessage) {
+  return {
+    label: formatMessage(_messages.filterOptionMessages.assigneeUnassignedFilterOption),
+    optionType: 'avatarLabel',
+    value: 'empty'
+  };
+};

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFilterOptions = exports.getAssigneeUnassignedFilterOption = void 0;
+exports.useFilterOptions = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -13,17 +13,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _reactIntl = require("react-intl");
 var _useBasicFilterAGG2 = require("../../../../services/useBasicFilterAGG");
-var _transformers = require("../utils/transformers");
-var _messages = require("./messages");
+var _mapFieldValuesToFilterOptions = require("../utils/mapFieldValuesToFilterOptions");
+var _mapFieldValuesToPageCursor = require("../utils/mapFieldValuesToPageCursor");
+var _mapFieldValuesToTotalCount = require("../utils/mapFieldValuesToTotalCount");
+var _getAssigneeUnassignedFilterOption = require("./getAssigneeUnassignedFilterOption");
 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) { (0, _defineProperty2.default)(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; }
-var getAssigneeUnassignedFilterOption = exports.getAssigneeUnassignedFilterOption = function getAssigneeUnassignedFilterOption(formatMessage) {
-  return {
-    label: formatMessage(_messages.filterOptionMessages.assigneeUnassignedFilterOption),
-    optionType: 'avatarLabel',
-    value: 'empty'
-  };
-};
 var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref) {
   var filterType = _ref.filterType,
     site = _ref.site;
@@ -112,10 +107,10 @@ var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref
           setErrors(response.errors);
           return _context.abrupt("return");
         case 6:
-          mappedResponse = (0, _transformers.mapFieldValuesToFilterOptions)(_objectSpread(_objectSpread({}, response), {}, {
+          mappedResponse = (0, _mapFieldValuesToFilterOptions.mapFieldValuesToFilterOptions)(_objectSpread(_objectSpread({}, response), {}, {
             siteUrl: siteUrl
           }));
-          mappedTotalCount = (0, _transformers.mapFieldValuesToTotalCount)(response);
+          mappedTotalCount = (0, _mapFieldValuesToTotalCount.mapFieldValuesToTotalCount)(response);
           /**
            * For assignee filter option, we want `Unassigned` as an option.
            * Since we add it manually, we also need to update the total count by +1
@@ -136,7 +131,7 @@ var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref
                * Since `Unassigned/EMPTY` is not returned by the API, we add it manually, but only for the initial list
                */
               if (filterType === 'assignee') {
-                mappedResponse.unshift(getAssigneeUnassignedFilterOption(formatMessage));
+                mappedResponse.unshift((0, _getAssigneeUnassignedFilterOption.getAssigneeUnassignedFilterOption)(formatMessage));
               }
             }
             setFilterOptions(mappedResponse);
@@ -144,7 +139,7 @@ var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref
             setFilterOptions([].concat((0, _toConsumableArray2.default)(filterOptions), (0, _toConsumableArray2.default)(mappedResponse)));
           }
           setTotalCount(mappedTotalCount);
-          setNextPageCursor((0, _transformers.mapFieldValuesToPageCursor)(response));
+          setNextPageCursor((0, _mapFieldValuesToPageCursor.mapFieldValuesToPageCursor)(response));
           setStatus('resolved');
           _context.next = 8;
           break;

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

@@ -16,9 +16,9 @@ var _reactIntl = require("react-intl");
 var _jqlAst = require("@atlaskit/jql-ast");
 var _useBasicFilterAGG2 = require("../../../../services/useBasicFilterAGG");
 var _extractValuesFromNonComplexJQL = require("../utils/extractValuesFromNonComplexJQL");
-var _isClauseTooComplex = require("../utils/isClauseTooComplex");
-var _transformers = require("../utils/transformers");
-var _useFilterOptions = require("./useFilterOptions");
+var _mapHydrateResponseData = require("../utils/mapHydrateResponseData");
+var _removeFuzzyCharacter = require("../utils/removeFuzzyCharacter");
+var _getAssigneeUnassignedFilterOption = require("./getAssigneeUnassignedFilterOption");
 var _excluded = ["assignee"];
 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) { (0, _defineProperty2.default)(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; }
@@ -58,7 +58,7 @@ var useHydrateJqlQuery = exports.useHydrateJqlQuery = function useHydrateJqlQuer
           setErrors(response.errors);
           return _context.abrupt("return");
         case 2:
-          _mapHydrateResponseDa = (0, _transformers.mapHydrateResponseData)(response), mappedHydratedAssigneeValue = _mapHydrateResponseDa.assignee, restOfMappedHydratedResponse = (0, _objectWithoutProperties2.default)(_mapHydrateResponseDa, _excluded);
+          _mapHydrateResponseDa = (0, _mapHydrateResponseData.mapHydrateResponseData)(response), mappedHydratedAssigneeValue = _mapHydrateResponseDa.assignee, restOfMappedHydratedResponse = (0, _objectWithoutProperties2.default)(_mapHydrateResponseDa, _excluded);
           /**
            * Hydrate logic does not return text field, hence we parse and extract value from jql
            */
@@ -69,9 +69,9 @@ var useHydrateJqlQuery = exports.useHydrateJqlQuery = function useHydrateJqlQuer
              * Special handling for assignee as we need to inject Unassigned value if JQL contains EMPTY keyword for assignee
              */
             assignee: [].concat((0, _toConsumableArray2.default)(mappedHydratedAssigneeValue || []), (0, _toConsumableArray2.default)(extractedAssigneeValue !== null && extractedAssigneeValue !== void 0 && extractedAssigneeValue.includes(_jqlAst.OPERAND_EMPTY) // checks and adds EMPTY filter option if extracted assignee values from jql contains EMPTY
-            ? [(0, _useFilterOptions.getAssigneeUnassignedFilterOption)(formatMessage)] : []))
+            ? [(0, _getAssigneeUnassignedFilterOption.getAssigneeUnassignedFilterOption)(formatMessage)] : []))
           }, textFieldValue ? {
-            basicInputTextValue: (0, _isClauseTooComplex.removeFuzzyCharacter)(textFieldValue)
+            basicInputTextValue: (0, _removeFuzzyCharacter.removeFuzzyCharacter)(textFieldValue)
           } : {});
           setHydratedOptions(mappedValues);
           setStatus('resolved');

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkAndConvertToAbsoluteUrl = void 0;
+var checkAndConvertToAbsoluteUrl = exports.checkAndConvertToAbsoluteUrl = function checkAndConvertToAbsoluteUrl(url, siteUrl) {
+  if (!url) {
+    return '';
+  }
+  if (/^data:(.*)/.test(url) || /^http(.*)/.test(url) || !siteUrl) {
+    return url;
+  }
+  return "".concat(siteUrl).concat(url);
+};

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLozengeAppearance = void 0;
+var _types = require("../types");
+var _isColorName = require("./isColorName");
+var getLozengeAppearance = exports.getLozengeAppearance = function getLozengeAppearance(colorName) {
+  if ((0, _isColorName.isColorName)(colorName)) {
+    return _types.appearanceMap[colorName];
+  }
+};

package/dist/cjs/ui/jira-issues-modal/basic-filters/utils/isClauseTooComplex.js

@@ -4,19 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeFuzzyCharacter = exports.isClauseTooComplex = void 0;
+exports.isClauseTooComplex = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _jqlAst = require("@atlaskit/jql-ast");
-var _buildJQL = require("../../jira-search-container/buildJQL");
-var removeFuzzyCharacter = exports.removeFuzzyCharacter = function removeFuzzyCharacter(value) {
-  if (value !== null && value !== void 0 && value.endsWith(_buildJQL.fuzzyCharacter)) {
-    return value.slice(0, -1);
-  }
-  return value;
-};
+var _removeFuzzyCharacter = require("./removeFuzzyCharacter");
 var getValueFromTerminalClause = function getValueFromTerminalClause(clause) {
   var operand = clause.operand;
-  return operand !== undefined && operand.operandType === _jqlAst.OPERAND_TYPE_VALUE && removeFuzzyCharacter(operand.value) || undefined;
+  return operand !== undefined && operand.operandType === _jqlAst.OPERAND_TYPE_VALUE && (0, _removeFuzzyCharacter.removeFuzzyCharacter)(operand.value) || undefined;
 };
 var areClauseFieldValuesEqual = function areClauseFieldValuesEqual(clauseA, clauseB, clauseC) {
   var valueA = clauseA && getValueFromTerminalClause(clauseA);

package/dist/cjs/ui/jira-issues-modal/basic-filters/utils/isColorName.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isColorName = isColorName;
+var _types = require("../types");
+function isColorName(colorName) {
+  return Object.keys(_types.appearanceMap).includes(colorName);
+}

package/dist/cjs/ui/jira-issues-modal/basic-filters/utils/isNonNullSelectOption.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isNonNullSelectOption = isNonNullSelectOption;
+function isNonNullSelectOption(edge) {
+  return edge !== null;
+}

package/dist/cjs/ui/jira-issues-modal/basic-filters/utils/mapFieldValuesToFilterOptions.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapFieldValuesToFilterOptions = mapFieldValuesToFilterOptions;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _isNonNullSelectOption = require("./isNonNullSelectOption");
+var _mapNodeToOption = require("./mapNodeToOption");
+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) { (0, _defineProperty2.default)(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; }
+function mapFieldValuesToFilterOptions(_ref) {
+  var _data$jira;
+  var data = _ref.data,
+    siteUrl = _ref.siteUrl;
+  return (data === null || data === void 0 || (_data$jira = data.jira) === null || _data$jira === void 0 || (_data$jira = _data$jira.jqlBuilder) === null || _data$jira === void 0 || (_data$jira = _data$jira.fieldValues) === null || _data$jira === void 0 || (_data$jira = _data$jira.edges) === null || _data$jira === void 0 ? void 0 : _data$jira.map(function (edge) {
+    return edge.node ? (0, _mapNodeToOption.mapNodeToOption)(_objectSpread(_objectSpread({}, edge.node), {}, {
+      siteUrl: siteUrl
+    })) : null;
+  }).filter(_isNonNullSelectOption.isNonNullSelectOption)) || [];
+}