@atlaskit/link-datasource 1.19.17 → 1.19.19

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

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

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

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @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';
@@ -89,7 +87,7 @@ export const ColumnPicker = ({
       }
     }
   }, [allOptions, parentContainerRenderInstanceId]);
-  return jsx(PopupSelect, {
+  return /*#__PURE__*/React.createElement(PopupSelect, {
     classNamePrefix: 'column-picker-popup',
     testId: 'column-picker-popup',
     components: {
@@ -116,14 +114,14 @@ export const ColumnPicker = ({
     target: ({
       isOpen,
       ...triggerProps
-    }) => jsx(Tooltip, {
+    }) => /*#__PURE__*/React.createElement(Tooltip, {
       content: intl.formatMessage(columnPickerMessages.tooltip)
-    }, tooltipProps => jsx(Button, _extends({}, tooltipProps, triggerProps, {
+    }, tooltipProps => /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
       isSelected: isOpen,
-      iconBefore: jsx("div", null, jsx(BoardIcon, {
+      iconBefore: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BoardIcon, {
         label: "board",
         size: "medium"
-      }), jsx(ChevronDownIcon, {
+      }), /*#__PURE__*/React.createElement(ChevronDownIcon, {
         label: "down",
         size: "medium"
       })),

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

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { TableHeading } from './styled';
 const maxWidth = '200px';
@@ -38,9 +37,9 @@ export const DragColumnPreview = ({
   title,
   rows
 }) => {
-  return jsx("table", {
+  return /*#__PURE__*/React.createElement("table", {
     css: tableStyles
-  }, jsx("thead", null, jsx("tr", null, jsx(TablePreviewHeading, null, title))), jsx("tbody", null, rows.map((data, i) => jsx("tr", {
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TablePreviewHeading, null, title))), /*#__PURE__*/React.createElement("tbody", null, rows.map((data, i) => /*#__PURE__*/React.createElement("tr", {
     key: i
-  }, jsx(TablePreviewCell, null, data))), jsx("tr", null, jsx(TablePreviewCell, null, "..."))));
+  }, /*#__PURE__*/React.createElement(TablePreviewCell, null, data))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TablePreviewCell, null, "..."))));
 };

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

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import { useEffect, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } 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';
@@ -254,7 +253,7 @@ export const DraggableTableHeading = ({
       }
     });
   }, [id, index, onWidthChange, state, tableId, width]);
-  return jsx(TableHeading, {
+  return /*#__PURE__*/React.createElement(TableHeading, {
     ref: mainHeaderCellRef,
     className: "has-column-picker",
     "data-testid": `${id}-column-heading`,
@@ -266,23 +265,23 @@ export const DraggableTableHeading = ({
         maxWidth: width
       })
     }
-  }, onWidthChange ? jsx("div", {
+  }, onWidthChange ? /*#__PURE__*/React.createElement("div", {
     ref: columnResizeHandleRef,
     css: [resizerStyles, state.type === 'resizing' && resizingStyles],
     style: {
       height: `${dndPreviewHeight}px`
     },
     "data-testid": "column-resize-handle"
-  }) : null, jsx("div", {
+  }) : null, /*#__PURE__*/React.createElement("div", {
     ref: dropTargetRef,
     css: [dropTargetStyles, isDraggingAnyColumn ? null : noPointerEventsStyles],
     style: {
       height: `${dndPreviewHeight}px`
     },
     "data-testid": 'column-drop-target'
-  }, closestEdge && jsx(DropIndicator, {
+  }, closestEdge && /*#__PURE__*/React.createElement(DropIndicator, {
     edge: closestEdge
-  })), jsx("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     css: verticallyAlignedStyles
   }, children), state.type === 'preview' ? /*#__PURE__*/ReactDOM.createPortal(dragPreview, state.container) : null);
 };

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

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

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

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import invariant from 'tiny-invariant';
 import Heading from '@atlaskit/heading';
@@ -308,7 +307,7 @@ export const IssueLikeDataTableView = ({
     key: 'loading',
     cells: headerColumns.map(column => ({
       ...column,
-      content: jsx(Skeleton, {
+      content: /*#__PURE__*/React.createElement(Skeleton, {
         borderRadius: 8,
         width: "100%",
         height: 14,
@@ -463,7 +462,7 @@ export const IssueLikeDataTableView = ({
     }
   }, [parentContainerRenderInstanceId, extensionKey, hasFullSchema, onLoadDatasourceDetails]);
   const shouldUseWidth = onColumnResize || columnCustomSizes;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("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,27 +473,27 @@ export const IssueLikeDataTableView = ({
     style: scrollableContainerHeight ? {
       maxHeight: `${scrollableContainerHeight}px`
     } : undefined
-  }, jsx(Table, {
+  }, /*#__PURE__*/React.createElement(Table, {
     css: tableStyles,
     "data-testid": testId,
     style: shouldUseWidth ? {
       tableLayout: 'fixed'
     } : {}
-  }, jsx("thead", {
+  }, /*#__PURE__*/React.createElement("thead", {
     "data-testid": testId && `${testId}--head`,
     css: [noDefaultBorderStyles, tableHeadStyles]
-  }, jsx("tr", {
+  }, /*#__PURE__*/React.createElement("tr", {
     ref: tableHeaderRowRef
   }, headerColumns.map(({
     key,
     content,
     width
   }, cellIndex) => {
-    const heading = jsx(Tooltip, {
+    const heading = /*#__PURE__*/React.createElement(Tooltip, {
       content: content,
       tag: "span",
       testId: 'datasource-header-content'
-    }, jsx(Heading, {
+    }, /*#__PURE__*/React.createElement(Heading, {
       level: "h200",
       as: 'span'
     }, content));
@@ -510,11 +509,11 @@ export const IssueLikeDataTableView = ({
           return cell.content;
         }
       }).slice(0, 5);
-      const dragPreview = jsx(DragColumnPreview, {
+      const dragPreview = /*#__PURE__*/React.createElement(DragColumnPreview, {
         title: heading,
         rows: previewRows
       });
-      return jsx(DraggableTableHeading, {
+      return /*#__PURE__*/React.createElement(DraggableTableHeading, {
         tableId: tableId,
         key: key,
         id: key,
@@ -525,7 +524,7 @@ export const IssueLikeDataTableView = ({
         dragPreview: dragPreview
       }, heading);
     } else {
-      return jsx(TableHeading, {
+      return /*#__PURE__*/React.createElement(TableHeading, {
         key: key,
         className: !!onVisibleColumnKeysChange ? 'has-column-picker' : '',
         "data-testid": `${key}-column-heading`,
@@ -536,20 +535,20 @@ export const IssueLikeDataTableView = ({
         }
       }, heading);
     }
-  }), onVisibleColumnKeysChange && jsx(ColumnPickerHeader, null, jsx(ColumnPicker, {
+  }), onVisibleColumnKeysChange && /*#__PURE__*/React.createElement(ColumnPickerHeader, null, /*#__PURE__*/React.createElement(ColumnPicker, {
     columns: hasFullSchema ? orderedColumns : [],
     selectedColumnKeys: hasFullSchema ? visibleColumnKeys : [],
     onSelectedColumnKeysChange: onSelectedColumnKeysChange,
     onOpen: handlePickerOpen,
     parentContainerRenderInstanceId: parentContainerRenderInstanceId
-  })))), jsx("tbody", {
+  })))), /*#__PURE__*/React.createElement("tbody", {
     css: noDefaultBorderStyles,
     "data-testid": testId && `${testId}--body`
   }, rows.map(({
     key,
     cells,
     ref
-  }) => jsx("tr", {
+  }) => /*#__PURE__*/React.createElement("tr", {
     key: key,
     "data-testid": testId && `${testId}--row-${key}`,
     ref: ref
@@ -570,7 +569,7 @@ export const IssueLikeDataTableView = ({
         paddingBlock: "var(--ds-space-100, 8px)"
       };
     }
-    return jsx("td", {
+    return /*#__PURE__*/React.createElement("td", {
       key: cellKey,
       "data-testid": testId && `${testId}--cell-${cellIndex}`,
       colSpan: cellIndex + 1 === cells.length ? 2 : undefined,

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

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import { useMemo } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 const rootStyles = css({
@@ -30,12 +29,12 @@ const RichTextType = ({
     }
   }, [value]);
   if (adfPlainText) {
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       css: rootStyles,
       "data-testid": "richtext-plaintext"
     }, adfPlainText);
   } else {
-    return jsx("span", {
+    return /*#__PURE__*/React.createElement("span", {
       "data-testid": "richtext-unsupported"
     });
   }

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

@@ -1,3 +1,5 @@
+/* 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/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/footer.js

@@ -1,4 +1,6 @@
+/* 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/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/formatOptionLabel.js

@@ -1,3 +1,5 @@
+/* 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/es2019/ui/jira-issues-modal/basic-filters/ui/async-popup-select/trigger.js

@@ -1,3 +1,5 @@
+/* trigger.tsx generated by @compiled/babel-plugin v0.26.1 */
+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/es2019/ui/jira-issues-modal/basic-filters/ui/index.js

@@ -1,3 +1,5 @@
+/* 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/es2019/ui/jira-issues-modal/basic-filters/ui/menu-list/index.js

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

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

@@ -1,3 +1,5 @@
+/* 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/es2019/ui/jira-issues-modal/basic-search-input/index.js

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

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

@@ -1,8 +1,8 @@
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/react';
+import { useMemo } from 'react';
+import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import Lozenge from '@atlaskit/lozenge';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N300 } from '@atlaskit/theme/colors';
 import { InitialStateSVG } from './assets/initial-state-svg';
 import { initialStateViewMessages } from './messages';
@@ -47,21 +47,29 @@ const methodToDescriptionMessage = {
 const jqlSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-advanced-search-with-jira-query-language-jql/';
 export const InitialStateView = ({
   searchMethod
-}) => jsx("div", {
-  css: initialStateViewContainerStyles,
-  "data-testid": "jlol-datasource-modal--initial-state-view"
-}, jsx("div", {
-  css: svgAndTextsWrapperStyles
-}, jsx(InitialStateSVG, null), jsx("div", {
-  css: searchTitleStyles
-}, jsx("div", {
-  css: betaTagStyles
-}, jsx(Lozenge, {
-  appearance: "new"
-}, jsx(FormattedMessage, initialStateViewMessages.beta))), jsx(FormattedMessage, initialStateViewMessages.searchTitle)), jsx("div", {
-  css: mainTextStyles
-}, jsx(FormattedMessage, methodToDescriptionMessage[searchMethod])), searchMethod === 'jql' ? jsx("a", {
-  href: jqlSupportDocumentLink,
-  target: "_blank",
-  css: learnMoreLinkStyles
-}, jsx(FormattedMessage, initialStateViewMessages.learnMoreLink)) : null));
+}) => {
+  const showBasicFilters = useMemo(() => {
+    if (getBooleanFF('platform.linking-platform.datasource.show-jlol-basic-filters')) {
+      return true;
+    }
+    return false;
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    css: initialStateViewContainerStyles,
+    "data-testid": "jlol-datasource-modal--initial-state-view"
+  }, /*#__PURE__*/React.createElement("div", {
+    css: svgAndTextsWrapperStyles
+  }, /*#__PURE__*/React.createElement(InitialStateSVG, null), /*#__PURE__*/React.createElement("div", {
+    css: searchTitleStyles
+  }, !showBasicFilters && /*#__PURE__*/React.createElement("div", {
+    css: betaTagStyles
+  }, /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: "new"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.beta))), /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.searchTitle)), /*#__PURE__*/React.createElement("div", {
+    css: mainTextStyles
+  }, /*#__PURE__*/React.createElement(FormattedMessage, methodToDescriptionMessage[searchMethod])), searchMethod === 'jql' ? /*#__PURE__*/React.createElement("a", {
+    href: jqlSupportDocumentLink,
+    target: "_blank",
+    css: learnMoreLinkStyles
+  }, /*#__PURE__*/React.createElement(FormattedMessage, initialStateViewMessages.learnMoreLink)) : null));
+};