@atlaskit/link-datasource 3.19.2 → 3.20.0

package/dist/es2019/ui/table-footer/index.js

@@ -1,55 +1,86 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./index.compiled.css";
+import { forwardRef } from 'react';
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { Fragment, useEffect, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import styled from '@emotion/styled';
 import { FormattedMessage, useIntl } from 'react-intl-next';
 import Button from '@atlaskit/button';
 import RefreshIcon from '@atlaskit/icon/core/migration/refresh';
-import { Flex } from '@atlaskit/primitives';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Flex } from '@atlaskit/primitives/compiled';
 import { N0, N40 } from '@atlaskit/theme/colors';
 import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '../assets-modal';
 import TableSearchCount, { AssetsItemCount } from '../common/modal/search-count';
 import { footerMessages } from './messages';
 import { PoweredByJSMAssets } from './powered-by-jsm-assets';
 import { SyncInfo } from './sync-info';
+import { TableFooterOld } from "./table-footer-old";
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const FooterWrapper = styled.div({
-  padding: `${"var(--ds-space-0, 0px)"} ${"var(--ds-space-200, 16px)"}`,
-  boxSizing: 'border-box',
-  borderRadius: 'inherit',
-  borderTopLeftRadius: 0,
-  borderTopRightRadius: 0,
-  background: `var(--ds-background-input, ${N0})`,
-  borderTop: `2px solid ${`var(--ds-background-accent-gray-subtler, ${N40})`}`
+const FooterWrapper = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_2rko1kw7 _x3do17u4 _ca0qze3t _u5f3pxbi _n3tdze3t _19bvpxbi _vchhusvi _13liidpf _qrwqidpf _bfhk1j9a", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const TopBorderWrapper = styled.div({
-  display: 'flex',
-  boxSizing: 'border-box',
-  justifyContent: 'space-between',
-  padding: `${"var(--ds-space-250, 20px)"} ${"var(--ds-space-0, 0px)"}`
+if (process.env.NODE_ENV !== 'production') {
+  FooterWrapper.displayName = 'FooterWrapper';
+}
+const TopBorderWrapper = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1e0c1txw _vchhusvi _1bah1yb4 _ca0qv47k _u5f3ze3t _n3tdv47k _19bvze3t", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const SyncWrapper = styled.div({
-  display: 'flex',
-  alignItems: 'center',
-  color: "var(--ds-text-accent-gray, #44546F)"
+if (process.env.NODE_ENV !== 'production') {
+  TopBorderWrapper.displayName = 'TopBorderWrapper';
+}
+const SyncWrapper = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_1e0c1txw _4cvr1h6o _syaz1dyx", __cmplp.className])
+  }));
 });
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
-const SyncTextWrapper = styled.div({
-  marginRight: "var(--ds-space-075, 6px)",
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+if (process.env.NODE_ENV !== 'production') {
+  SyncWrapper.displayName = 'SyncWrapper';
+}
+const SyncTextWrapper = forwardRef(({
+  as: C = "div",
+  style: __cmpls,
+  ...__cmplp
+}, __cmplr) => {
+  return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
+    style: __cmpls,
+    ref: __cmplr,
+    className: ax(["_11c8qk37 _2hwx12x7", __cmplp.className])
+  }));
 });
-export const TableFooter = ({
+if (process.env.NODE_ENV !== 'production') {
+  SyncTextWrapper.displayName = 'SyncTextWrapper';
+}
+const TableFooterNew = ({
   datasourceId,
   itemCount,
   onRefresh,
@@ -67,27 +98,27 @@ export const TableFooter = ({
 
   // If only one of the two is passed in, still show the other one (Note: We keep the div encapsulating the one not shown to
   // ensure correct positioning since 'justify-content: space-between' is used).
-  return onRefresh || showItemCount ? jsx(FooterWrapper, {
+  return onRefresh || showItemCount ? /*#__PURE__*/React.createElement(FooterWrapper, {
     "data-testid": "table-footer"
-  }, jsx(TopBorderWrapper, null, showItemCount && jsx(Flex, null, datasourceId === ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? jsx(AssetsItemCount, {
+  }, /*#__PURE__*/React.createElement(TopBorderWrapper, null, showItemCount && /*#__PURE__*/React.createElement(Flex, null, datasourceId === ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? /*#__PURE__*/React.createElement(AssetsItemCount, {
     searchCount: itemCount,
     url: url,
     testId: "item-count"
-  }) : jsx(TableSearchCount, {
+  }) : /*#__PURE__*/React.createElement(TableSearchCount, {
     searchCount: itemCount,
     url: url,
     prefixTextType: "item",
     testId: "item-count"
-  })), datasourceId === ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? jsx(PoweredByJSMAssets, {
+  })), datasourceId === ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? /*#__PURE__*/React.createElement(PoweredByJSMAssets, {
     text: intl.formatMessage(footerMessages.powerByJSM)
-  }) : null, jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
+  }) : null, /*#__PURE__*/React.createElement(SyncWrapper, null, onRefresh && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(SyncTextWrapper, {
     "data-testid": "sync-text"
-  }, isLoading ? jsx(FormattedMessage, footerMessages.loadingText) : jsx(SyncInfo, {
+  }, isLoading ? /*#__PURE__*/React.createElement(FormattedMessage, footerMessages.loadingText) : /*#__PURE__*/React.createElement(SyncInfo, {
     lastSyncTime: lastSyncTime
-  })), jsx(Button, {
+  })), /*#__PURE__*/React.createElement(Button, {
     onClick: onRefresh,
     appearance: "subtle",
-    iconBefore: jsx(RefreshIcon, {
+    iconBefore: /*#__PURE__*/React.createElement(RefreshIcon, {
       label: intl.formatMessage(footerMessages.refreshLabel),
       color: "currentColor",
       spacing: "spacious"
@@ -95,4 +126,11 @@ export const TableFooter = ({
     isDisabled: isLoading,
     testId: "refresh-button"
   }))))) : null;
+};
+export const TableFooter = props => {
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(TableFooterNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(TableFooterOld, props);
+  }
 };

package/dist/es2019/ui/table-footer/powered-by-jsm-assets/index.compiled.css

@@ -0,0 +1,5 @@
+._18u012x7{margin-left:var(--ds-space-075,6px)}
+._1e0c1txw{display:flex}
+._2lx21sbv{flex-direction:row-reverse}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}
+._30l316c2:hover{color:var(--ds-link-pressed,#05c)}

package/dist/es2019/ui/table-footer/powered-by-jsm-assets/index.js

@@ -1,27 +1,21 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { JiraServiceManagementIcon } from '@atlaskit/logo';
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import { useDatasourceAnalyticsEvents } from '../../../analytics';
-const jsmTextStyles = xcss({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  fontSize: 'small',
-  color: 'color.text.subtle',
-  marginLeft: 'space.075',
-  ':hover': {
-    color: 'color.link.pressed'
-  }
-});
-const jsmContainerStyles = xcss({
-  display: 'flex',
-  flexDirection: 'row-reverse'
-});
+const styles = {
+  jsmTextStyles: "_syaz1gjq _18u012x7 _30l316c2",
+  jsmContainerStyles: "_1e0c1txw _2lx21sbv"
+};
 export const PoweredByJSMAssets = props => {
   const ASSETS_LINK = '/jira/servicedesk/assets';
   const {
     fireEvent
   } = useDatasourceAnalyticsEvents();
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: jsmContainerStyles,
+    xcss: styles.jsmContainerStyles,
     padding: "space.150"
   }, /*#__PURE__*/React.createElement("a", {
     "data-testid": 'powered-by-jsm-assets-link',
@@ -43,6 +37,11 @@ export const PoweredByJSMAssets = props => {
     appearance: "brand",
     label: props.text
   }), /*#__PURE__*/React.createElement(Box, {
-    xcss: jsmTextStyles
+    xcss: styles.jsmTextStyles
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography, @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      fontSize: 'small'
+    }
   }, props.text)));
 };

package/dist/es2019/ui/table-footer/table-footer-old.js

@@ -0,0 +1,98 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { Fragment, useEffect, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import styled from '@emotion/styled';
+import { FormattedMessage, useIntl } from 'react-intl-next';
+import Button from '@atlaskit/button';
+import RefreshIcon from '@atlaskit/icon/core/migration/refresh';
+import { Flex } from '@atlaskit/primitives';
+import { N0, N40 } from '@atlaskit/theme/colors';
+import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '../assets-modal';
+import TableSearchCount, { AssetsItemCount } from '../common/modal/search-count';
+import { footerMessages } from './messages';
+import { PoweredByJSMAssets } from './powered-by-jsm-assets';
+import { SyncInfo } from './sync-info';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+const FooterWrapper = styled.div({
+  padding: `${"var(--ds-space-0, 0px)"} ${"var(--ds-space-200, 16px)"}`,
+  boxSizing: 'border-box',
+  borderRadius: 'inherit',
+  borderTopLeftRadius: 0,
+  borderTopRightRadius: 0,
+  background: `var(--ds-background-input, ${N0})`,
+  borderTop: `2px solid ${`var(--ds-background-accent-gray-subtler, ${N40})`}`
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+const TopBorderWrapper = styled.div({
+  display: 'flex',
+  boxSizing: 'border-box',
+  justifyContent: 'space-between',
+  padding: `${"var(--ds-space-250, 20px)"} ${"var(--ds-space-0, 0px)"}`
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+const SyncWrapper = styled.div({
+  display: 'flex',
+  alignItems: 'center',
+  color: "var(--ds-text-accent-gray, #44546F)"
+});
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
+const SyncTextWrapper = styled.div({
+  marginRight: "var(--ds-space-075, 6px)",
+  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+});
+export const TableFooterOld = ({
+  datasourceId,
+  itemCount,
+  onRefresh,
+  isLoading,
+  url
+}) => {
+  const intl = useIntl();
+  const [lastSyncTime, setLastSyncTime] = useState(new Date());
+  const showItemCount = itemCount && itemCount > 0 ? true : itemCount === 0 ? !isLoading : false;
+  useEffect(() => {
+    if (isLoading) {
+      setLastSyncTime(new Date());
+    }
+  }, [isLoading]);
+
+  // If only one of the two is passed in, still show the other one (Note: We keep the div encapsulating the one not shown to
+  // ensure correct positioning since 'justify-content: space-between' is used).
+  return onRefresh || showItemCount ? jsx(FooterWrapper, {
+    "data-testid": "table-footer"
+  }, jsx(TopBorderWrapper, null, showItemCount && jsx(Flex, null, datasourceId === ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? jsx(AssetsItemCount, {
+    searchCount: itemCount,
+    url: url,
+    testId: "item-count"
+  }) : jsx(TableSearchCount, {
+    searchCount: itemCount,
+    url: url,
+    prefixTextType: "item",
+    testId: "item-count"
+  })), datasourceId === ASSETS_LIST_OF_LINKS_DATASOURCE_ID ? jsx(PoweredByJSMAssets, {
+    text: intl.formatMessage(footerMessages.powerByJSM)
+  }) : null, jsx(SyncWrapper, null, onRefresh && jsx(Fragment, null, jsx(SyncTextWrapper, {
+    "data-testid": "sync-text"
+  }, isLoading ? jsx(FormattedMessage, footerMessages.loadingText) : jsx(SyncInfo, {
+    lastSyncTime: lastSyncTime
+  })), jsx(Button, {
+    onClick: onRefresh,
+    appearance: "subtle",
+    iconBefore: jsx(RefreshIcon, {
+      label: intl.formatMessage(footerMessages.refreshLabel),
+      color: "currentColor",
+      spacing: "spacious"
+    }),
+    isDisabled: isLoading,
+    testId: "refresh-button"
+  }))))) : null;
+};

package/dist/esm/ui/assets-modal/modal/index.compiled.css

@@ -0,0 +1,3 @@
+._1e0c11p5{display:grid}
+._4cvr1h6o{align-items:center}
+._4t3i1pna{height:420px}

package/dist/esm/ui/assets-modal/modal/index.js

@@ -1,21 +1,19 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/standard-button';
 import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
 import { componentMetadata } from '../../../analytics/constants';
 import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../../../analytics/types';
@@ -38,15 +36,11 @@ import { DatasourceModal } from '../../common/modal/datasource-modal';
 import { AssetsSearchContainer } from '../search-container';
 import { AssetsSearchContainerLoading } from '../search-container/loading-state';
 import { modalMessages } from './messages';
-import { MODAL_HEIGHT, RenderAssetsContent } from './render-assets-content';
+import { AssetsConfigModalOld } from './modal-old';
+import { RenderAssetsContent } from './render-assets-content';
 var VERSION_TWO = '2';
-var modalBodyErrorWrapperStyles = css({
-  alignItems: 'center',
-  display: 'grid',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
-  height: MODAL_HEIGHT
-});
-var AssetsModalTitle = jsx(ModalTitle, null, jsx(FormattedMessage, modalMessages.insertObjectsTitle));
+var modalBodyErrorWrapperStyles = null;
+var AssetsModalTitle = /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertObjectsTitle));
 var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
   var datasourceId = props.datasourceId,
     initialParameters = props.parameters,
@@ -297,11 +291,11 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     if (errorState) {
       switch (errorState) {
         case 'permission':
-          return jsx(AccessRequired, null);
+          return /*#__PURE__*/React.createElement(AccessRequired, null);
         case 'network':
-          return jsx(ModalLoadingError, null);
+          return /*#__PURE__*/React.createElement(ModalLoadingError, null);
         default:
-          return jsx(ModalLoadingError, null);
+          return /*#__PURE__*/React.createElement(ModalLoadingError, null);
       }
     }
   }, [errorState]);
@@ -310,11 +304,11 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
       return undefined;
     } else {
       if (!workspaceId || assetsClientLoading) {
-        return jsx(AssetsSearchContainerLoading, {
+        return /*#__PURE__*/React.createElement(AssetsSearchContainerLoading, {
           modalTitle: AssetsModalTitle
         });
       }
-      return jsx(AssetsSearchContainer, {
+      return /*#__PURE__*/React.createElement(AssetsSearchContainer, {
         workspaceId: workspaceId,
         initialSearchData: {
           aql: initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.aql,
@@ -333,15 +327,15 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
       actions: userInteractions.get()
     });
   }, [analyticsPayload, userInteractions]);
-  return jsx(IntlMessagesProvider, {
+  return /*#__PURE__*/React.createElement(IntlMessagesProvider, {
     defaultMessages: i18nEN,
     loaderFn: fetchMessagesForLocale
-  }, jsx(ModalTransition, null, jsx(DatasourceModal, {
+  }, /*#__PURE__*/React.createElement(ModalTransition, null, /*#__PURE__*/React.createElement(DatasourceModal, {
     testId: "asset-datasource-modal",
     onClose: onCancel
-  }, jsx(ModalHeader, null, renderModalTitleContent()), jsx(ModalBody, null, errorState ? jsx("div", {
-    css: modalBodyErrorWrapperStyles
-  }, renderErrorState()) : jsx(RenderAssetsContent, {
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, renderModalTitleContent()), /*#__PURE__*/React.createElement(ModalBody, null, errorState ? /*#__PURE__*/React.createElement("div", {
+    className: ax(["_4cvr1h6o _1e0c11p5 _4t3i1pna"])
+  }, renderErrorState()) : /*#__PURE__*/React.createElement(RenderAssetsContent, {
     isFetchingInitialData: assetsClientLoading,
     status: status,
     responseItems: responseItems,
@@ -356,16 +350,16 @@ var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
     loadDatasourceDetails: loadDatasourceDetails,
     columns: columns,
     defaultVisibleColumnKeys: defaultVisibleColumnKeys
-  })), jsx(ModalFooter, null, jsx(CancelButton, {
+  })), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(CancelButton, {
     onCancel: onCancel,
     getAnalyticsPayload: getCancelButtonAnalyticsPayload,
     testId: 'asset-datasource-modal--cancel-button'
-  }), jsx(Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isDisabled,
     testId: 'assets-datasource-modal--insert-button'
-  }, jsx(FormattedMessage, _extends({}, isEditingExistingTable ? modalMessages.updateObjectsButtonText : modalMessages.insertIssuesButtonText, {
+  }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, isEditingExistingTable ? modalMessages.updateObjectsButtonText : modalMessages.insertIssuesButtonText, {
     values: {
       objectsCount: responseItems.length
     }
@@ -380,6 +374,13 @@ var analyticsContextData = _objectSpread(_objectSpread({}, componentMetadata.con
 var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
   attributes: _objectSpread({}, analyticsContextAttributes)
 });
-export var AssetsConfigModal = withAnalyticsContext(contextData)(function (props) {
-  return jsx(StoreContainer, null, jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, jsx(PlainAssetsConfigModal, props))));
-});
+export var AssetsConfigModalNew = withAnalyticsContext(contextData)(function (props) {
+  return /*#__PURE__*/React.createElement(StoreContainer, null, /*#__PURE__*/React.createElement(DatasourceExperienceIdProvider, null, /*#__PURE__*/React.createElement(UserInteractionsProvider, null, /*#__PURE__*/React.createElement(PlainAssetsConfigModal, props))));
+});
+export var AssetsConfigModal = function AssetsConfigModal(props) {
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(AssetsConfigModalNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(AssetsConfigModalOld, props);
+  }
+};