@atlaskit/link-datasource 1.19.20 → 1.19.21

package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
-import { css } from '@emotion/react';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { components } from '@atlaskit/select';
 import { columnPickerMessages } from './messages';
@@ -17,19 +18,19 @@ export var ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var shouldUseDefaultMenuList = !children || !Array.isArray(children) || children.length <= SELECT_ITEMS_MAXIMUM_THRESHOLD;
   if (shouldUseDefaultMenuList) {
-    return /*#__PURE__*/React.createElement(components.MenuList, props, children);
+    return jsx(components.MenuList, props, children);
   }
   var optionStyle = {
     padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-200, 16px)"),
     height: 'auto'
   };
-  var maximumLimitReachedMessage = /*#__PURE__*/React.createElement("div", {
+  var maximumLimitReachedMessage = jsx("div", {
     css: messageStyles,
     style: optionStyle
-  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({
+  }, jsx(FormattedMessage, _extends({
     tagName: 'div'
-  }, columnPickerMessages.maximumItemsShownLine1)), /*#__PURE__*/React.createElement(FormattedMessage, _extends({
+  }, columnPickerMessages.maximumItemsShownLine1)), jsx(FormattedMessage, _extends({
     tagName: 'div'
   }, columnPickerMessages.maximumItemsShownLine2)));
-  return /*#__PURE__*/React.createElement(components.MenuList, props, children.slice(0, SELECT_ITEMS_MAXIMUM_THRESHOLD), maximumLimitReachedMessage);
+  return jsx(components.MenuList, props, children.slice(0, SELECT_ITEMS_MAXIMUM_THRESHOLD), maximumLimitReachedMessage);
 };

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

@@ -3,7 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["isOpen"];
+/** @jsx jsx */
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import BoardIcon from '@atlaskit/icon/glyph/board';
@@ -105,7 +107,7 @@ export var ColumnPicker = function ColumnPicker(_ref) {
       }
     }
   }, [allOptions, parentContainerRenderInstanceId]);
-  return /*#__PURE__*/React.createElement(PopupSelect, {
+  return jsx(PopupSelect, {
     classNamePrefix: 'column-picker-popup',
     testId: 'column-picker-popup',
     components: {
@@ -132,15 +134,15 @@ export var ColumnPicker = function ColumnPicker(_ref) {
     target: function target(_ref8) {
       var isOpen = _ref8.isOpen,
         triggerProps = _objectWithoutProperties(_ref8, _excluded);
-      return /*#__PURE__*/React.createElement(Tooltip, {
+      return jsx(Tooltip, {
         content: intl.formatMessage(columnPickerMessages.tooltip)
       }, function (tooltipProps) {
-        return /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
+        return jsx(Button, _extends({}, tooltipProps, triggerProps, {
           isSelected: isOpen,
-          iconBefore: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BoardIcon, {
+          iconBefore: jsx("div", null, jsx(BoardIcon, {
             label: "board",
             size: "medium"
-          }), /*#__PURE__*/React.createElement(ChevronDownIcon, {
+          }), jsx(ChevronDownIcon, {
             label: "down",
             size: "medium"
           })),

package/dist/esm/ui/issue-like-table/drag-column-preview.js

@@ -1,7 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2;
+/** @jsx jsx */
 import React from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import styled from '@emotion/styled';
 import { TableHeading } from './styled';
 var maxWidth = '200px';
@@ -18,11 +19,11 @@ var tableStyles = css({
 export var DragColumnPreview = function DragColumnPreview(_ref) {
   var title = _ref.title,
     rows = _ref.rows;
-  return /*#__PURE__*/React.createElement("table", {
+  return jsx("table", {
     css: tableStyles
-  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TablePreviewHeading, null, title))), /*#__PURE__*/React.createElement("tbody", null, rows.map(function (data, i) {
-    return /*#__PURE__*/React.createElement("tr", {
+  }, jsx("thead", null, jsx("tr", null, jsx(TablePreviewHeading, null, title))), jsx("tbody", null, rows.map(function (data, i) {
+    return jsx("tr", {
       key: i
-    }, /*#__PURE__*/React.createElement(TablePreviewCell, null, data));
-  }), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TablePreviewCell, null, "..."))));
+    }, jsx(TablePreviewCell, null, data));
+  }), jsx("tr", null, jsx(TablePreviewCell, null, "..."))));
 };

package/dist/esm/ui/issue-like-table/draggable-table-heading.js

@@ -2,8 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
+/** @jsx jsx */
 import { useEffect, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import ReactDOM from 'react-dom';
 import invariant from 'tiny-invariant';
 import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
@@ -259,7 +260,7 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref) {
       }
     });
   }, [id, index, onWidthChange, state, tableId, width]);
-  return /*#__PURE__*/React.createElement(TableHeading, {
+  return jsx(TableHeading, {
     ref: mainHeaderCellRef,
     className: "has-column-picker",
     "data-testid": "".concat(id, "-column-heading"),
@@ -270,23 +271,23 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref) {
     } : {
       maxWidth: width
     })
-  }, onWidthChange ? /*#__PURE__*/React.createElement("div", {
+  }, onWidthChange ? jsx("div", {
     ref: columnResizeHandleRef,
     css: [resizerStyles, state.type === 'resizing' && resizingStyles],
     style: {
       height: "".concat(dndPreviewHeight, "px")
     },
     "data-testid": "column-resize-handle"
-  }) : null, /*#__PURE__*/React.createElement("div", {
+  }) : null, jsx("div", {
     ref: dropTargetRef,
     css: [dropTargetStyles, isDraggingAnyColumn ? null : noPointerEventsStyles],
     style: {
       height: "".concat(dndPreviewHeight, "px")
     },
     "data-testid": 'column-drop-target'
-  }, closestEdge && /*#__PURE__*/React.createElement(DropIndicator, {
+  }, closestEdge && jsx(DropIndicator, {
     edge: closestEdge
-  })), /*#__PURE__*/React.createElement("div", {
+  })), jsx("div", {
     css: verticallyAlignedStyles
   }, children), state.type === 'preview' ? /*#__PURE__*/ReactDOM.createPortal(dragPreview, state.container) : null);
 };

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

@@ -1,11 +1,12 @@
-import { css } from '@emotion/react';
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
 import { Skeleton } from '@atlaskit/linking-common';
 import { N40 } from '@atlaskit/theme/colors';
 import { ScrollableContainerHeight, TableHeading } from '../styled';
 var SkeletonComponent = function SkeletonComponent(_ref) {
   var width = _ref.width,
     itemName = _ref.itemName;
-  return /*#__PURE__*/React.createElement(Skeleton, {
+  return jsx(Skeleton, {
     borderRadius: 8,
     testId: "".concat(itemName, "-empty-state-skeleton"),
     height: 14,
@@ -68,17 +69,17 @@ var renderItem = function renderItem(_ref2, _ref3) {
     shortWidth = _ref3.shortWidth;
   switch (key) {
     case 'status':
-      return /*#__PURE__*/React.createElement(SkeletonComponent, {
+      return jsx(SkeletonComponent, {
         width: shortWidth,
         itemName: key
       });
     case 'summary':
-      return /*#__PURE__*/React.createElement(SkeletonComponent, {
+      return jsx(SkeletonComponent, {
         width: longWidth,
         itemName: key
       });
     default:
-      return /*#__PURE__*/React.createElement(SkeletonComponent, {
+      return jsx(SkeletonComponent, {
         width: width,
         itemName: key
       });
@@ -98,7 +99,7 @@ export default (function (_ref4) {
       shortWidth: shortColumnWidths[index]
     };
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     style: {
       // the IssueLikeDataTableView wraps the table in a container with the styling below while modal doesn't
       // this maxHeight comes from scrollableContainerHeight
@@ -106,36 +107,36 @@ export default (function (_ref4) {
       padding: 0,
       boxSizing: 'border-box'
     }
-  }, /*#__PURE__*/React.createElement("table", {
+  }, jsx("table", {
     css: tableStyles,
     "data-testid": testId
-  }, /*#__PURE__*/React.createElement("thead", {
+  }, jsx("thead", {
     style: {
       borderBottom: 0
     }
-  }, /*#__PURE__*/React.createElement("tr", null, columnsToRender.map(function (_ref5) {
+  }, jsx("tr", null, columnsToRender.map(function (_ref5) {
     var key = _ref5.key,
       width = _ref5.width;
-    return /*#__PURE__*/React.createElement(TableHeading, {
+    return jsx(TableHeading, {
       key: key,
       style: {
         width: width,
         padding: padding
       }
-    }, /*#__PURE__*/React.createElement(Skeleton, {
+    }, jsx(Skeleton, {
       appearance: "darkGray",
       borderRadius: 8,
       testId: "empty-state-skeleton",
       height: 12,
       width: width
     }));
-  }))), /*#__PURE__*/React.createElement("tbody", {
+  }))), jsx("tbody", {
     css: tableBodyStyles
   }, rows.map(function (row) {
-    return /*#__PURE__*/React.createElement("tr", {
+    return jsx("tr", {
       key: row.id
     }, columnsToRender.map(function (column) {
-      return /*#__PURE__*/React.createElement("td", {
+      return jsx("td", {
         css: cellStyles,
         key: column.key
       }, renderItem(column, row));

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

@@ -7,8 +7,9 @@ var _templateObject;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/** @jsx jsx */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import styled from '@emotion/styled';
 import invariant from 'tiny-invariant';
 import Heading from '@atlaskit/heading';
@@ -286,7 +287,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
       key: 'loading',
       cells: headerColumns.map(function (column) {
         return _objectSpread(_objectSpread({}, column), {}, {
-          content: /*#__PURE__*/React.createElement(Skeleton, {
+          content: jsx(Skeleton, {
             borderRadius: 8,
             width: "100%",
             height: 14,
@@ -463,7 +464,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     }, _callee, null, [[3, 9]]);
   })), [parentContainerRenderInstanceId, extensionKey, hasFullSchema, onLoadDatasourceDetails]);
   var shouldUseWidth = onColumnResize || columnCustomSizes;
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     /* There is required contentEditable={true} in editor-card-plugin
      * But this brakes how DND works. We set contentEditable={false} to allow DND to work
      * when dragging is initiated on top of a column label.
@@ -474,26 +475,26 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
     style: scrollableContainerHeight ? {
       maxHeight: "".concat(scrollableContainerHeight, "px")
     } : undefined
-  }, /*#__PURE__*/React.createElement(Table, {
+  }, jsx(Table, {
     css: tableStyles,
     "data-testid": testId,
     style: shouldUseWidth ? {
       tableLayout: 'fixed'
     } : {}
-  }, /*#__PURE__*/React.createElement("thead", {
+  }, jsx("thead", {
     "data-testid": testId && "".concat(testId, "--head"),
     css: [noDefaultBorderStyles, tableHeadStyles]
-  }, /*#__PURE__*/React.createElement("tr", {
+  }, jsx("tr", {
     ref: tableHeaderRowRef
   }, headerColumns.map(function (_ref13, cellIndex) {
     var key = _ref13.key,
       content = _ref13.content,
       width = _ref13.width;
-    var heading = /*#__PURE__*/React.createElement(Tooltip, {
+    var heading = jsx(Tooltip, {
       content: content,
       tag: "span",
       testId: 'datasource-header-content'
-    }, /*#__PURE__*/React.createElement(Heading, {
+    }, jsx(Heading, {
       level: "h200",
       as: 'span'
     }, content));
@@ -509,11 +510,11 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
           return cell.content;
         }
       }).slice(0, 5);
-      var dragPreview = /*#__PURE__*/React.createElement(DragColumnPreview, {
+      var dragPreview = jsx(DragColumnPreview, {
         title: heading,
         rows: previewRows
       });
-      return /*#__PURE__*/React.createElement(DraggableTableHeading, {
+      return jsx(DraggableTableHeading, {
         tableId: tableId,
         key: key,
         id: key,
@@ -524,7 +525,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
         dragPreview: dragPreview
       }, heading);
     } else {
-      return /*#__PURE__*/React.createElement(TableHeading, {
+      return jsx(TableHeading, {
         key: key,
         className: !!onVisibleColumnKeysChange ? 'has-column-picker' : '',
         "data-testid": "".concat(key, "-column-heading"),
@@ -535,20 +536,20 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
         }
       }, heading);
     }
-  }), onVisibleColumnKeysChange && /*#__PURE__*/React.createElement(ColumnPickerHeader, null, /*#__PURE__*/React.createElement(ColumnPicker, {
+  }), onVisibleColumnKeysChange && jsx(ColumnPickerHeader, null, jsx(ColumnPicker, {
     columns: hasFullSchema ? orderedColumns : [],
     selectedColumnKeys: hasFullSchema ? visibleColumnKeys : [],
     onSelectedColumnKeysChange: onSelectedColumnKeysChange,
     onOpen: handlePickerOpen,
     parentContainerRenderInstanceId: parentContainerRenderInstanceId
-  })))), /*#__PURE__*/React.createElement("tbody", {
+  })))), jsx("tbody", {
     css: noDefaultBorderStyles,
     "data-testid": testId && "".concat(testId, "--body")
   }, rows.map(function (_ref16) {
     var key = _ref16.key,
       cells = _ref16.cells,
       ref = _ref16.ref;
-    return /*#__PURE__*/React.createElement("tr", {
+    return jsx("tr", {
       key: key,
       "data-testid": testId && "".concat(testId, "--row-").concat(key),
       ref: ref
@@ -567,7 +568,7 @@ export var IssueLikeDataTableView = function IssueLikeDataTableView(_ref5) {
           paddingBlock: "var(--ds-space-100, 8px)"
         });
       }
-      return /*#__PURE__*/React.createElement("td", {
+      return jsx("td", {
         key: cellKey,
         "data-testid": testId && "".concat(testId, "--cell-").concat(cellIndex),
         colSpan: cellIndex + 1 === cells.length ? 2 : undefined,

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

@@ -2,8 +2,9 @@ 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; }
+/** @jsx jsx */
 import { useMemo } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 var rootStyles = css({
@@ -31,12 +32,12 @@ var RichTextType = function RichTextType(_ref) {
     }
   }, [value]);
   if (adfPlainText) {
-    return /*#__PURE__*/React.createElement("div", {
+    return jsx("div", {
       css: rootStyles,
       "data-testid": "richtext-plaintext"
     }, adfPlainText);
   } else {
-    return /*#__PURE__*/React.createElement("span", {
+    return jsx("span", {
       "data-testid": "richtext-unsupported"
     });
   }

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/dropdownIndicator.js

@@ -1,5 +1,3 @@
-/* dropdownIndicator.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import CloseIcon from '@atlaskit/icon/glyph/cross-circle';
 import SearchIcon from '@atlaskit/icon/glyph/search';

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/footer.js

@@ -1,6 +1,4 @@
-/* footer.tsx generated by @compiled/babel-plugin v0.26.1 */
 import _extends from "@babel/runtime/helpers/extends";
-import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { Flex, Inline, xcss } from '@atlaskit/primitives';

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/formatOptionLabel.js

@@ -1,5 +1,3 @@
-/* formatOptionLabel.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import Avatar from '@atlaskit/avatar';
 import PeopleGroupIcon from '@atlaskit/icon/glyph/people-group';

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/async-popup-select/trigger.js

@@ -1,6 +1,4 @@
-/* trigger.tsx generated by @compiled/babel-plugin v0.26.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useCallback } from 'react';
 import styled from '@emotion/styled';
 import { FormattedMessage } from 'react-intl-next';

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/index.js

@@ -1,5 +1,3 @@
-/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { extractValuesFromNonComplexJQL } from '../utils/extractValuesFromNonComplexJQL';

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/menu-list/index.js

@@ -1,7 +1,5 @@
-/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
-import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Flex, xcss } from '@atlaskit/primitives';
 import { components } from '@atlaskit/select';

package/dist/esm/ui/jira-issues-modal/basic-filters/ui/menu-list/selectMessage.js

@@ -1,5 +1,3 @@
-/* selectMessage.tsx generated by @compiled/babel-plugin v0.26.1 */
-import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Heading from '@atlaskit/heading';

package/dist/esm/ui/jira-issues-modal/basic-search-input/index.js

@@ -1,5 +1,6 @@
+/** @jsx jsx */
 import { useMemo } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { LoadingButton } from '@atlaskit/button';
 import SearchIcon from '@atlaskit/icon/glyph/editor/search';
@@ -36,14 +37,14 @@ export var BasicSearchInput = function BasicSearchInput(_ref) {
     }
     return false;
   }, []);
-  return /*#__PURE__*/React.createElement("form", {
+  return jsx("form", {
     css: showBasicFilters ? formWithMaxWidthStyles : formStyles,
     onSubmit: handleFormSubmit
-  }, /*#__PURE__*/React.createElement(Textfield, {
-    elemAfterInput: /*#__PURE__*/React.createElement(LoadingButton, {
+  }, jsx(Textfield, {
+    elemAfterInput: jsx(LoadingButton, {
       appearance: "primary",
       css: searchButtonStyles,
-      iconBefore: /*#__PURE__*/React.createElement(SearchIcon, {
+      iconBefore: jsx(SearchIcon, {
         label: formatMessage(basicSearchInputMessages.basicTextSearchLabel),
         size: "medium"
       }),

package/dist/esm/ui/jira-issues-modal/initial-state-view/index.js

@@ -1,5 +1,7 @@
+/** @jsx jsx */
+
 import { useMemo } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Lozenge from '@atlaskit/lozenge';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -53,22 +55,22 @@ export var InitialStateView = function InitialStateView(_ref) {
     }
     return false;
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: initialStateViewContainerStyles,
     "data-testid": "jlol-datasource-modal--initial-state-view"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, jsx("div", {
     css: svgAndTextsWrapperStyles
-  }, /*#__PURE__*/React.createElement(InitialStateSVG, null), /*#__PURE__*/React.createElement("div", {
+  }, jsx(InitialStateSVG, null), jsx("div", {
     css: searchTitleStyles
-  }, !showBasicFilters && /*#__PURE__*/React.createElement("div", {
+  }, !showBasicFilters && jsx("div", {
     css: betaTagStyles
-  }, /*#__PURE__*/React.createElement(Lozenge, {
+  }, jsx(Lozenge, {
     appearance: "new"
-  }, /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.beta))), /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", {
+  }, jsx(FormattedMessage, initialStateViewMessages.beta))), jsx(FormattedMessage, initialStateViewMessages.searchTitle)), jsx("div", {
     css: mainTextStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, methodToDescriptionMessage[searchMethod])), searchMethod === 'jql' ? /*#__PURE__*/React.createElement("a", {
+  }, jsx(FormattedMessage, methodToDescriptionMessage[searchMethod])), searchMethod === 'jql' ? jsx("a", {
     href: jqlSupportDocumentLink,
     target: "_blank",
     css: learnMoreLinkStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.learnMoreLink)) : null));
+  }, jsx(FormattedMessage, initialStateViewMessages.learnMoreLink)) : null));
 };

package/dist/esm/ui/jira-issues-modal/jira-search-container/index.js

@@ -1,13 +1,12 @@
-/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["basicInputTextValue"];
-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; }
+/** @jsx jsx */
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { useDebouncedCallback } from 'use-debounce';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
@@ -207,30 +206,30 @@ export var JiraSearchContainer = function JiraSearchContainer(props) {
       setCloudId(currentCloudId);
     }
   }, [currentCloudId, cloudId, setSearchBarJql]);
-  return /*#__PURE__*/React.createElement("div", {
+  return jsx("div", {
     css: inputContainerStyles,
     "data-testid": "jira-search-container"
-  }, currentSearchMethod === 'basic' && /*#__PURE__*/React.createElement(Flex, {
+  }, currentSearchMethod === 'basic' && jsx(Flex, {
     alignItems: "center",
     xcss: basicSearchInputContainerStyles
-  }, /*#__PURE__*/React.createElement(BasicSearchInput, {
+  }, jsx(BasicSearchInput, {
     isSearching: isSearching,
     onChange: handleBasicSearchChange,
     onSearch: handleSearch,
     searchTerm: basicSearchTerm
-  }), showBasicFilters && /*#__PURE__*/React.createElement(BasicFilters, {
+  }), showBasicFilters && jsx(BasicFilters, {
     jql: searchBarJql,
     cloudId: cloudId || '',
     onChange: handleBasicFilterSelectionChange,
     selections: filterSelections,
     isJQLHydrating: basicFilterHydrationStatus === 'loading'
-  })), currentSearchMethod === 'jql' && /*#__PURE__*/React.createElement(JiraJQLEditor, {
+  })), currentSearchMethod === 'jql' && jsx(JiraJQLEditor, {
     cloudId: cloudId || '',
     isSearching: isSearching,
     onChange: onQueryChange,
     onSearch: handleSearch,
     query: searchBarJql
-  }), /*#__PURE__*/React.createElement(ModeSwitcher, {
+  }), jsx(ModeSwitcher, {
     onOptionValueChange: onSearchMethodChange,
     selectedOptionValue: currentSearchMethod,
     options: modeSwitcherOptions