npm - @atlaskit/link-datasource - Versions diffs - 3.19.1 → 3.20.0 - Mend

@atlaskit/link-datasource 3.19.1 → 3.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (850) hide show

package/dist/es2019/i18n/en_ZZ.js CHANGED Viewed

@@ -39,6 +39,7 @@ export default {
   'linkDataSource.column-picker.search': '⁣⁢Search for fields⁭⁮⁡⁪⁠‌‍⁫؜⁪⁬⁫؜⁡⁯⁭⁡⁬⁬⁫⁠⁡‌‍⁣⁤',
   'linkDataSource.column-picker.tooltip': '⁣⁢Configure columns⁠⁮؜‍⁫⁠⁪⁠؜⁪‍⁪⁫⁪⁮⁫‌؜⁪⁮⁡⁮؜⁡⁣⁤',
   'linkDataSource.configmodal.basicTextSearchPlaceholder': '⁣⁢Search for issues by keyword⁬⁠؜⁫‍⁮⁮‌⁮⁠⁯⁪⁮⁬⁪؜⁯⁪⁮⁭؜؜‌⁡⁠⁬⁣⁤',
+  'linkDataSource.configmodal.basicTextSearchPlaceholder-issue-term-refresh': '⁣⁢Search for work items by keyword؜‌⁡؜⁠‌⁫⁡⁬⁯⁬‍⁭‌⁡⁪‌⁯⁭⁯⁡⁭⁠⁬⁣⁤',
   'linkDataSource.configmodal.cancelButtonText': '⁣⁢Cancel‍⁫⁭⁯⁡‌⁫‍‌⁯⁮⁫⁡؜‍⁬⁫⁯⁭⁮⁣⁤',
   'linkDataSource.confluence-search.configmodal.cancelButtonText': '⁣⁢Cancel⁬⁭⁫⁭⁯⁬⁡‍⁬⁮⁡⁫⁮؜⁫⁮⁠⁪؜⁪⁭⁣⁤',
   'linkDataSource.confluence-search.configmodal.date.range.after.label': '⁣⁢after {date}⁡‌؜⁠⁭⁬⁯‌⁠⁯⁠⁮⁪⁬⁭⁭؜⁯⁪‌⁠⁬‍⁬⁪⁣⁤',
@@ -70,6 +71,7 @@ export default {
   'linkDataSource.datasource.table.authScreenDescriptionText': '⁣⁢Connect your {providerName} account to collaborate on work across Atlassian products.⁭⁪⁡⁮‌⁫⁡⁮⁡⁫⁠⁫⁠⁬⁮⁮⁭⁭⁠⁫⁠‌⁮‌⁫⁣⁤',
   'linkDataSource.datasource.table.authScreenHeaderText': '⁣⁢Connect your {providerName} account⁫⁯⁯⁮⁯⁮⁮‌⁭⁫⁪⁯⁡⁠⁫⁫⁯⁭⁭⁣⁤',
   'linkDataSource.datasource.table.learnMoreAboutSmartLinks': '⁣⁢Learn more about Smart Links.‍⁯‌‍⁡؜؜‍‌⁯⁪⁮⁠⁪⁫⁡⁠⁫⁠‍‌⁠⁯⁯⁣⁤',
+  'linkDataSource.issue-line-table.edit-button-label.non-final': '⁣⁢{fieldValue}, {fieldName} field⁫‌⁬⁡⁪⁪‍⁬⁠⁠⁬‍⁮⁠⁠⁮‍⁬⁬‍⁯⁫‌⁬⁠⁮⁣⁤',
   'linkDataSource.issue-line-table.error-403-description': '⁣⁢You need the right permissions to edit this item.‍⁬⁪⁡؜⁮؜⁮⁬⁫⁡‍⁫⁯⁬⁭⁯⁬⁬⁪⁯‍⁣⁤',
   'linkDataSource.issue-line-table.error-403-title': '⁣⁢Changes not saved⁡‍⁯⁫⁯⁭⁪؜⁡⁡⁫⁠⁬⁪⁫⁠⁠⁪‍‌؜⁠⁮⁡⁫⁬⁣⁤',
   'linkDataSource.issue-line-table.error-generic-description': '⁣⁢We had an issue trying to complete the update. Wait a few minutes, then try again. Contact support if this keeps happening.⁬؜‌⁪⁬⁬‌⁪⁮⁡⁭؜⁬‌⁭⁪⁮‍‌⁭⁫⁬⁣⁤',
@@ -86,11 +88,16 @@ export default {
   'linkDataSource.jira-issues.configmodal.basicModeSwitchDisabledTooltipText': "⁣⁢You can't switch to basic for this query.‌‌⁯⁬⁡⁬⁪⁭⁮⁮⁫⁯⁫⁫‍⁪⁭⁫⁫⁬⁬⁡⁬‍⁣⁤",
   'linkDataSource.jira-issues.configmodal.basicModeText': '⁣⁢Basic‌⁭‍‌⁪⁭⁬⁪⁭‌‍⁪⁪⁪⁪⁠⁮⁮⁣⁤',
   'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder': '⁣⁢Search for issues by keyword‌‍⁮‌‍⁪⁬‍‍⁠⁫⁭‌‍‌⁭⁪⁠⁮⁮⁯⁣⁤',
+  'linkDataSource.jira-issues.configmodal.basicTextSearchPlaceholder-issue-term-refresh': '⁣⁢Search for work items by keyword؜⁬⁬؜⁮‌⁬⁮⁡‌؜؜⁫⁯‍⁭⁠⁯⁭؜⁫⁮⁠⁣⁤',
   'linkDataSource.jira-issues.configmodal.chooseSite': '⁣⁢Choose site⁫؜⁫⁯؜⁯؜⁫⁬⁡⁡⁯⁠⁮⁬⁯⁠⁯⁮⁣⁤',
   'linkDataSource.jira-issues.configmodal.insertIssuesButtonText': '⁣⁢Insert issues⁭⁫⁫⁭⁬⁫⁫⁬⁮⁬⁪⁮⁬⁮⁯‍⁫⁯⁭⁪⁡⁬⁡‌‍⁣⁤',
+  'linkDataSource.jira-issues.configmodal.insertIssuesButtonText-issue-term-refresh': '⁣⁢Insert work items⁯⁮⁭⁡⁮⁪⁯⁯⁭⁪⁪⁬⁫⁮؜‌‍⁪⁣⁤',
   'linkDataSource.jira-issues.configmodal.insertIssuesTitle': '⁣⁢Insert Jira issues⁡⁡⁭‌⁯؜⁮⁮‌⁬‌⁬⁯‍؜⁮⁮⁠⁬⁭⁫⁬‍⁭⁣⁤',
+  'linkDataSource.jira-issues.configmodal.insertIssuesTitle-issue-term-refresh': '⁣⁢Insert Jira work items⁯⁬؜⁪‌⁬‌‌⁮؜؜⁪⁮⁠⁭⁯؜⁯‍⁯⁯⁡⁠⁣⁤',
   'linkDataSource.jira-issues.configmodal.insertIssuesTitleManySites': '⁣⁢Insert Jira issues from⁭‍⁭؜⁮⁯⁭⁮⁬⁫؜⁮⁭⁠⁪⁬⁬⁪⁭⁠⁯‍‌⁡⁣⁤',
+  'linkDataSource.jira-issues.configmodal.insertIssuesTitleManySites-issue-term-refresh': '⁣⁢Insert Jira work items from؜‌⁠‍⁠‌⁪؜⁪⁭؜⁫؜؜‌⁭⁭⁬⁯؜⁭⁯؜⁠⁣⁤',
   'linkDataSource.jira-issues.configmodal.placeholder.issues': '⁣⁢### Issues؜؜⁮⁪⁡‌⁯⁮⁡؜‍⁡⁮‌‍⁬⁯؜⁮⁭⁪⁪⁠⁡⁫؜⁣⁤',
+  'linkDataSource.jira-issues.configmodal.placeholder.issues-issue-term-refresh': '⁣⁢### work items⁮⁮⁪⁭⁯‍⁯؜⁯‌⁮⁫⁫⁮⁫‌⁪؜⁣⁤',
   'linkDataSource.jira-issues.configmodal.viewModeInlineLinkDescription': '⁣⁢Display the number of search results as an inline Smart Link‍⁬⁠⁬؜⁠؜‍⁬⁮⁬‍‌⁯⁡⁮⁬⁣⁤',
   'linkDataSource.jira-issues.configmodal.viewModeInlineLinkLabel': '⁣⁢Inline link⁡⁬⁭⁪⁭⁫⁯⁭⁬⁮‍⁮⁯⁪⁡⁭‌⁫⁭‍⁮‌⁡؜‍⁣⁤',
   'linkDataSource.jira-issues.configmodal.viewModeListDescription': '⁣⁢Display search results as a list⁡⁬⁫⁭؜⁫‌⁬⁠⁯⁠⁪⁠⁯⁫⁬⁯⁡⁯⁫‌‌‌⁭؜⁭⁠⁣⁤',
@@ -110,9 +117,12 @@ export default {
   'linkDataSource.modal-initial-state.jiraSearchTitle': '⁣⁢Search for Jira issues⁯⁭⁡‍‌⁭⁫⁬⁡؜⁯‌⁪⁮‍؜⁭⁠⁭⁣⁤',
   'linkDataSource.modal-initial-state.learnMoreLink': '⁣⁢Learn how to search with JQL⁠⁬⁫⁪⁠⁡⁬‍⁬⁠⁡⁡⁮⁮⁫‍⁯‍؜‌⁬⁭⁪⁣⁤',
   'linkDataSource.modal-initial-state.searchDescription-basic': '⁣⁢Search by keyword for issues to insert.⁪⁯؜⁬⁭⁮‌⁯؜⁡⁡⁪⁬؜⁮⁯⁫‌⁯⁣⁤',
+  'linkDataSource.modal-initial-state.searchDescription-basic-issue-term-refresh': '⁣⁢Search by keyword for work items to insert.‌⁫⁭⁮‍⁯⁭⁬⁪⁬⁮‍⁭⁯⁯⁡⁯⁮‌⁠⁬⁫⁮⁬⁣⁤',
   'linkDataSource.modal-initial-state.searchDescription-confluence': '⁣⁢Search by keyword for pages to insert.⁫⁬⁠⁡⁫⁡⁠⁬⁪⁠⁠⁬⁠⁪⁭⁡⁭⁫⁬⁪؜⁯⁣⁤',
   'linkDataSource.modal-initial-state.searchDescription-jql': '⁣⁢Use JQL (Jira Query Language) to search for issues.⁪⁫⁯⁡⁡⁪⁡⁡⁡⁬⁡⁬؜⁡‌⁠⁫⁡⁫⁡⁫⁯⁮⁣⁤',
+  'linkDataSource.modal-initial-state.searchDescription-jql-issue-term-refresh': '⁣⁢Use JQL (Jira Query Language) to search for work items.‍⁭⁪‌⁡⁫⁠⁯⁠؜⁡⁮⁭⁬‌⁮؜‌⁪⁫⁣⁤',
   'linkDataSource.modal-initial-state.searchTitle': '⁣⁢Search for Jira issues⁠⁯⁬؜⁬⁡⁭⁭‌‍⁮⁫⁫⁭⁪⁡‍⁪⁬‍⁫⁣⁤',
+  'linkDataSource.modal-initial-state.searchTitle-issue-term-refresh': '⁣⁢Search for Jira work items‌⁠‌⁭⁮⁬⁫⁯؜⁯؜⁬‌⁯⁭⁡⁡⁬⁡⁬‌⁯‍⁣⁤',
   'linkDataSource.no.jira.sites.access.description': '⁣⁢To request access, contact your admin.⁫⁠؜‌⁪⁠؜⁬⁯⁮⁡⁯⁬⁠⁮⁯⁮⁠⁭؜⁪⁠⁠⁬⁣⁤',
   'linkDataSource.no.jira.sites.access.title': "⁣⁢You don't have access to any Jira sites‍؜⁮⁡⁮‌⁮⁬⁡⁠⁠⁫‌⁡⁠⁯⁫⁯⁣⁤",
   'linkDataSource.noResultsFound': '⁣⁢No results found⁯⁭⁭⁠‍⁡⁬⁪⁮⁭⁬⁫‍؜⁯⁡‌⁪⁯⁭⁠⁮⁣⁤',
@@ -121,6 +131,7 @@ export default {
   'linkDataSource.render-type.boolean.true': '⁣⁢Yes‍⁫⁫⁬⁠⁡⁠⁡⁪⁬⁡⁭⁭⁡‍⁫⁫؜‍⁪⁪؜⁮⁬⁣⁤',
   'linkDataSource.render-type.user.default.display.name': '⁣⁢Unassigned‍⁫⁡⁡‌⁠⁡‌⁪⁫⁡⁪⁭⁡⁫⁮⁮⁫⁯⁮⁣⁤',
   'linkDataSource.search.configmodal.issueCountText': '{searchCount, plural, one {⁣⁢{searchCount,number} issue⁪⁠⁡⁭⁫⁪؜⁠‌⁬⁪⁬؜‌⁠⁡⁪‌⁣⁤} other {⁣⁢{searchCount,number} issues⁪⁠⁡⁭⁫⁪؜⁠‌⁬⁪⁬؜‌⁠⁡⁪‌⁣⁤}}',
+  'linkDataSource.search.configmodal.issueCountText-issue-term-refresh': '{searchCount, plural, one {⁣⁢{searchCount,number} work item⁭⁬⁠⁫⁪⁠‍؜⁮‍⁯⁬⁬⁡‍⁡⁮⁬⁣⁤} other {⁣⁢{searchCount,number} work items⁭⁬⁠⁫⁪⁠‍؜⁮‍⁯⁬⁬⁡‍⁡⁮⁬⁣⁤}}',
   'linkDataSource.search.configmodal.itemCountText': '{searchCount, plural, one {⁣⁢{searchCount,number} item⁫⁠‌⁠‍⁬؜⁭⁮⁠؜⁠⁬‌⁬⁡⁬⁯⁠‌⁪⁯⁬⁣⁤} other {⁣⁢{searchCount,number} items⁫⁠‌⁠‍⁬؜⁭⁮⁠؜⁠⁬‌⁬⁡⁬⁯⁠‌⁪⁯⁬⁣⁤}}',
   'linkDataSource.search.configmodal.resultCountText': '{searchCount, plural, one {⁣⁢{searchCount,number} result⁪⁠⁭⁫⁬⁠⁯⁫⁫⁫‌⁯⁠‍⁭⁠⁭‌⁭⁪‌‍؜⁣⁤} other {⁣⁢{searchCount,number} results⁪⁠⁭⁫⁬⁠⁯⁫⁫⁫‌⁯⁠‍⁭⁠⁭‌⁭⁪‌‍؜⁣⁤}}',
   'linkDataSource.site-selector.configmodal.chooseSite': '⁣⁢Choose site⁠؜⁯⁠⁭⁪‍⁬؜‌⁬‌⁯⁡⁬⁫⁭⁣⁤',

package/dist/es2019/ui/assets-modal/modal/index.compiled.css ADDED Viewed

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

package/dist/es2019/ui/assets-modal/modal/index.js CHANGED Viewed

@@ -1,17 +1,15 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
 import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 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';
@@ -34,15 +32,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';
 const VERSION_TWO = '2';
-const 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
-});
-const AssetsModalTitle = jsx(ModalTitle, null, jsx(FormattedMessage, modalMessages.insertObjectsTitle));
+const modalBodyErrorWrapperStyles = null;
+const AssetsModalTitle = /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, modalMessages.insertObjectsTitle));
 const PlainAssetsConfigModal = props => {
   const {
     datasourceId,
@@ -279,11 +273,11 @@ const 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]);
@@ -292,11 +286,11 @@ const 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,
@@ -316,15 +310,15 @@ const 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,
@@ -339,16 +333,16 @@ const 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
     }
@@ -367,4 +361,11 @@ const contextData = {
     ...analyticsContextAttributes
   }
 };
-export const AssetsConfigModal = withAnalyticsContext(contextData)(props => jsx(StoreContainer, null, jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, jsx(PlainAssetsConfigModal, props)))));
+export const AssetsConfigModalNew = withAnalyticsContext(contextData)(props => /*#__PURE__*/React.createElement(StoreContainer, null, /*#__PURE__*/React.createElement(DatasourceExperienceIdProvider, null, /*#__PURE__*/React.createElement(UserInteractionsProvider, null, /*#__PURE__*/React.createElement(PlainAssetsConfigModal, props)))));
+export const AssetsConfigModal = props => {
+  if (fg('bandicoots-compiled-migration-link-datasource')) {
+    return /*#__PURE__*/React.createElement(AssetsConfigModalNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(AssetsConfigModalOld, props);
+  }
+};

package/dist/es2019/ui/assets-modal/modal/modal-old.js ADDED Viewed

@@ -0,0 +1,370 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @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 { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
+import { componentMetadata } from '../../../analytics/constants';
+import { DatasourceAction, DatasourceDisplay, DatasourceSearchMethod } from '../../../analytics/types';
+import { startUfoExperience } from '../../../analytics/ufoExperiences';
+import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
+import { useDataRenderedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
+import { buildDatasourceAdf } from '../../../common/utils/adf';
+import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
+import { DatasourceExperienceIdProvider, useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
+import { UserInteractionsProvider, useUserInteractions } from '../../../contexts/user-interactions';
+import { useAssetsClient } from '../../../hooks/useAssetsClient';
+import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
+import i18nEN from '../../../i18n/en';
+import { PermissionError } from '../../../services/cmdbService.utils';
+import { StoreContainer } from '../../../state';
+import { AccessRequired } from '../../../ui/common/error-state/access-required';
+import { ModalLoadingError } from '../../common/error-state/modal-loading-error';
+import { CancelButton } from '../../common/modal/cancel-button';
+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';
+const VERSION_TWO = '2';
+const 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
+});
+const AssetsModalTitle = jsx(ModalTitle, null, jsx(FormattedMessage, modalMessages.insertObjectsTitle));
+const PlainAssetsConfigModal = props => {
+  const {
+    datasourceId,
+    parameters: initialParameters,
+    onCancel,
+    onInsert,
+    visibleColumnKeys: initialVisibleColumnKeys
+  } = props;
+  const [aql, setAql] = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.aql);
+  const [schemaId, setSchemaId] = useState(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.schemaId);
+  const apiVersion = initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.version;
+  const [visibleColumnKeys, setVisibleColumnKeys] = useState(apiVersion !== VERSION_TWO ? [] : initialVisibleColumnKeys);
+  const [isNewSearch, setIsNewSearch] = useState(false);
+  const [errorState, setErrorState] = useState();
+  const {
+    fireEvent
+  } = useDatasourceAnalyticsEvents();
+  const experienceId = useDatasourceExperienceId();
+  const {
+    workspaceId,
+    workspaceError,
+    existingObjectSchema,
+    existingObjectSchemaError,
+    objectSchemas,
+    objectSchemasError,
+    totalObjectSchemas,
+    assetsClientLoading
+  } = useAssetsClient(initialParameters);
+  /* ------------------------------ PERMISSIONS ------------------------------ */
+  useEffect(() => {
+    if (workspaceError) {
+      // If a workspaceError occurs this is a critical error
+      if (workspaceError instanceof PermissionError) {
+        setErrorState('permission');
+      } else {
+        setErrorState('network');
+      }
+    }
+  }, [workspaceError]);
+  useEffect(() => {
+    if (objectSchemasError) {
+      // We only care about permission errors for objectSchemas fetching as the user can retry this action
+      if (objectSchemasError instanceof PermissionError) {
+        setErrorState('permission');
+      }
+    }
+  }, [objectSchemasError]);
+  useEffect(() => {
+    if (existingObjectSchemaError) {
+      // We only care about permission errors for existingObjectSchema fetching as the user can retry this action
+      if (existingObjectSchemaError instanceof PermissionError) {
+        setErrorState('permission');
+      }
+    }
+  }, [existingObjectSchemaError]);
+  /* ------------------------------ END PERMISSIONS ------------------------------ */
+  const parameters = useMemo(() => ({
+    aql: aql || '',
+    schemaId: schemaId || '',
+    workspaceId: workspaceId || '',
+    version: VERSION_TWO
+  }), [aql, schemaId, workspaceId]);
+  const isParametersSet = !!(aql && workspaceId && schemaId);
+  const {
+    status,
+    onNextPage,
+    responseItems,
+    responseItemIds,
+    reset,
+    loadDatasourceDetails,
+    hasNextPage,
+    columns,
+    defaultVisibleColumnKeys,
+    extensionKey = null,
+    destinationObjectTypes,
+    totalCount
+  } = useDatasourceTableState({
+    datasourceId,
+    parameters: isParametersSet ? parameters : undefined,
+    fieldKeys: isNewSearch ? [] : visibleColumnKeys
+  });
+  /* ------------------------------ OBSERVABILITY ------------------------------ */
+  const searchCount = useRef(0);
+  const userInteractions = useUserInteractions();
+  const visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
+  const isDataReady = (visibleColumnKeys || []).length > 0;
+  const analyticsPayload = useMemo(() => {
+    return {
+      extensionKey: extensionKey,
+      destinationObjectTypes: destinationObjectTypes
+    };
+  }, [destinationObjectTypes, extensionKey]);
+  useEffect(() => {
+    // We only want to send modal ready event once after we've fetched the schema count
+    if (totalObjectSchemas !== undefined) {
+      fireEvent('ui.modal.ready.datasource', {
+        schemasCount: totalObjectSchemas,
+        instancesCount: null
+      });
+    }
+  }, [fireEvent, totalObjectSchemas]);
+  const fireTableViewedEvent = useCallback(() => {
+    if (isDataReady) {
+      fireEvent('ui.table.viewed.datasourceConfigModal', {
+        ...analyticsPayload,
+        totalItemCount: totalCount || 0,
+        searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
+        displayedColumnCount: visibleColumnCount.current
+      });
+    }
+  }, [analyticsPayload, fireEvent, totalCount, isDataReady]);
+  useEffect(() => {
+    const isResolved = status === 'resolved';
+    if (!isResolved || !totalCount) {
+      return;
+    }
+    if (totalCount > 1) {
+      fireTableViewedEvent();
+    }
+  }, [fireTableViewedEvent, status, totalCount]);
+  useEffect(() => {
+    const shouldStartUfoExperience = status === 'loading';
+    if (shouldStartUfoExperience) {
+      startUfoExperience({
+        name: 'datasource-rendered'
+      }, experienceId);
+    }
+  }, [experienceId, status]);
+  useDataRenderedUfoExperience({
+    status,
+    experienceId: experienceId,
+    itemCount: responseItems.length,
+    canBeLink: false,
+    extensionKey
+  });
+  useColumnPickerRenderedFailedUfoExperience(status, experienceId);
+  /* ------------------------------ END OBSERVABILITY ------------------------------ */
+  const onVisibleColumnKeysChange = useCallback(visibleColumnKeys => {
+    setVisibleColumnKeys(visibleColumnKeys);
+    setIsNewSearch(false);
+  }, []);
+  useEffect(() => {
+    const newVisibleColumnKeys = initialVisibleColumnKeys && initialVisibleColumnKeys.length > 0 && apiVersion === VERSION_TWO ? initialVisibleColumnKeys : defaultVisibleColumnKeys;
+    setVisibleColumnKeys(newVisibleColumnKeys);
+  }, [initialVisibleColumnKeys, defaultVisibleColumnKeys, apiVersion]);
+  useEffect(() => {
+    if (isNewSearch) {
+      setVisibleColumnKeys(defaultVisibleColumnKeys);
+    }
+  }, [defaultVisibleColumnKeys, isNewSearch]);
+  useEffect(() => {
+    visibleColumnCount.current = (visibleColumnKeys !== null && visibleColumnKeys !== void 0 ? visibleColumnKeys : []).length;
+  }, [visibleColumnKeys]);
+  const isDisabled = !!errorState || status !== 'resolved' || assetsClientLoading || !aql || !schemaId;
+  const isEditingExistingTable = !!(initialParameters !== null && initialParameters !== void 0 && initialParameters.aql && initialParameters !== null && initialParameters !== void 0 && initialParameters.schemaId && initialParameters !== null && initialParameters !== void 0 && initialParameters.workspaceId);
+  const retrieveUrlForSmartCardRender = useCallback(() => {
+    var _data$key, _data$key$data;
+    const [data] = responseItems;
+    // agreement with BE that we will use `key` for rendering smartlink
+    return data === null || data === void 0 ? void 0 : (_data$key = data.key) === null || _data$key === void 0 ? void 0 : (_data$key$data = _data$key.data) === null || _data$key$data === void 0 ? void 0 : _data$key$data.url;
+  }, [responseItems]);
+  const onInsertPressed = useCallback((e, analyticsEvent) => {
+    var _insertButtonClickedE;
+    if (!aql || !schemaId || !workspaceId) {
+      return;
+    }
+    const insertButtonClickedEvent = analyticsEvent.update({
+      actionSubjectId: 'insert',
+      attributes: {
+        ...analyticsPayload,
+        totalItemCount: totalCount || 0,
+        displayedColumnCount: visibleColumnCount.current,
+        display: DatasourceDisplay.DATASOURCE_TABLE,
+        searchCount: searchCount.current,
+        searchMethod: DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
+        actions: userInteractions.get()
+      },
+      eventType: 'ui'
+    });
+    const consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
+    insertButtonClickedEvent.fire(EVENT_CHANNEL);
+    const firstAssetUrl = retrieveUrlForSmartCardRender();
+    if (responseItems.length === 1 && firstAssetUrl) {
+      onInsert({
+        type: 'inlineCard',
+        attrs: {
+          url: firstAssetUrl
+        }
+      }, consumerEvent);
+    } else {
+      onInsert(buildDatasourceAdf({
+        id: datasourceId,
+        parameters: {
+          workspaceId,
+          aql,
+          schemaId,
+          version: VERSION_TWO
+        },
+        views: [{
+          type: 'table',
+          properties: {
+            columns: (visibleColumnKeys !== null && visibleColumnKeys !== void 0 ? visibleColumnKeys : []).map(key => ({
+              key
+            }))
+          }
+        }]
+      }), consumerEvent);
+    }
+  }, [aql, schemaId, workspaceId, analyticsPayload, totalCount, userInteractions, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, visibleColumnKeys]);
+  const handleOnSearch = useCallback((searchAql, searchSchemaId) => {
+    if (schemaId !== searchSchemaId || aql !== searchAql || status === 'rejected') {
+      searchCount.current++;
+      if (schemaId !== searchSchemaId) {
+        userInteractions.add(DatasourceAction.SCHEMA_UPDATED);
+      }
+      if (aql !== searchAql) {
+        userInteractions.add(DatasourceAction.QUERY_UPDATED);
+      }
+      setAql(searchAql);
+      setSchemaId(searchSchemaId);
+      setVisibleColumnKeys([]);
+      setIsNewSearch(true);
+      reset({
+        shouldForceRequest: true,
+        shouldResetColumns: true
+      });
+    }
+  }, [aql, reset, schemaId, status, userInteractions]);
+  const renderErrorState = useCallback(() => {
+    if (errorState) {
+      switch (errorState) {
+        case 'permission':
+          return jsx(AccessRequired, null);
+        case 'network':
+          return jsx(ModalLoadingError, null);
+        default:
+          return jsx(ModalLoadingError, null);
+      }
+    }
+  }, [errorState]);
+  const renderModalTitleContent = useCallback(() => {
+    if (errorState) {
+      return undefined;
+    } else {
+      if (!workspaceId || assetsClientLoading) {
+        return jsx(AssetsSearchContainerLoading, {
+          modalTitle: AssetsModalTitle
+        });
+      }
+      return jsx(AssetsSearchContainer, {
+        workspaceId: workspaceId,
+        initialSearchData: {
+          aql: initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.aql,
+          objectSchema: existingObjectSchema,
+          objectSchemas
+        },
+        onSearch: handleOnSearch,
+        modalTitle: AssetsModalTitle,
+        isSearching: status === 'loading'
+      });
+    }
+  }, [errorState, workspaceId, assetsClientLoading, initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.aql, existingObjectSchema, objectSchemas, handleOnSearch, status]);
+  const getCancelButtonAnalyticsPayload = useCallback(() => {
+    return {
+      ...analyticsPayload,
+      searchCount: searchCount.current,
+      actions: userInteractions.get()
+    };
+  }, [analyticsPayload, userInteractions]);
+  return jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(ModalTransition, null, jsx(DatasourceModal, {
+    testId: "asset-datasource-modal",
+    onClose: onCancel
+  }, jsx(ModalHeader, null, renderModalTitleContent()), jsx(ModalBody, null, errorState ? jsx("div", {
+    css: modalBodyErrorWrapperStyles
+  }, renderErrorState()) : jsx(RenderAssetsContent, {
+    isFetchingInitialData: assetsClientLoading,
+    status: status,
+    responseItems: responseItems,
+    responseItemIds: responseItemIds,
+    visibleColumnKeys: visibleColumnKeys,
+    onVisibleColumnKeysChange: onVisibleColumnKeysChange,
+    datasourceId: datasourceId,
+    aql: aql,
+    schemaId: schemaId,
+    onNextPage: onNextPage,
+    hasNextPage: hasNextPage,
+    loadDatasourceDetails: loadDatasourceDetails,
+    columns: columns,
+    defaultVisibleColumnKeys: defaultVisibleColumnKeys
+  })), jsx(ModalFooter, null, jsx(CancelButton, {
+    onCancel: onCancel,
+    getAnalyticsPayload: getCancelButtonAnalyticsPayload,
+    testId: 'asset-datasource-modal--cancel-button'
+  }), jsx(Button, {
+    appearance: "primary",
+    onClick: onInsertPressed,
+    isDisabled: isDisabled,
+    testId: 'assets-datasource-modal--insert-button'
+  }, jsx(FormattedMessage, _extends({}, isEditingExistingTable ? modalMessages.updateObjectsButtonText : modalMessages.insertIssuesButtonText, {
+    values: {
+      objectsCount: responseItems.length
+    }
+  })))))));
+};
+const analyticsContextAttributes = {
+  dataProvider: 'jsm-assets'
+};
+const analyticsContextData = {
+  ...componentMetadata.configModal,
+  source: 'datasourceConfigModal'
+};
+const contextData = {
+  ...analyticsContextData,
+  attributes: {
+    ...analyticsContextAttributes
+  }
+};
+export const AssetsConfigModalOld = withAnalyticsContext(contextData)(props => jsx(StoreContainer, null, jsx(DatasourceExperienceIdProvider, null, jsx(UserInteractionsProvider, null, jsx(PlainAssetsConfigModal, props)))));

package/dist/es2019/ui/assets-modal/modal/render-assets-content/index.compiled.css ADDED Viewed

@@ -0,0 +1,14 @@
+._19ith6cr{border:1px solid var(--ds-border,#dfe1e6)}
+._n7zl17u4{border-bottom:2px solid var(--ds-background-accent-gray-subtler,#dfe1e6)}._12vemgnk{background-repeat:no-repeat}
+._13lipd34{border-top-left-radius:var(--ds-border-radius-200,8px)}
+._18m915vq{overflow-y:hidden}
+._18m91wug{overflow-y:auto}
+._1e0c11p5{display:grid}
+._1itkwoh3{background-image:linear-gradient(90deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(90deg,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.1)),transparent),linear-gradient(90deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 70%),linear-gradient(90deg,transparent,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.1))]) linear-gradient(0deg,hsla(0,0%,100%,0),var(--ds-elevation-surface-current,#fff) 30%),linear-gradient(0deg,transparent,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.05))),linear-gradient(0deg,var(--ds-elevation-surface-current,#fff) 30%,hsla(0,0%,100%,0)),linear-gradient(0deg,var(--ds-shadow-overflow-perimeter,rgba(0,0,0,.05)),transparent)}
+._1lrw1sd4{background-size:40px 100%,14px 100%,40px 100%,14px 100%,100% 75pt,100% 14px,100% 40px,100% 10px}
+._1reo15vq{overflow-x:hidden}
+._1reo1wug{overflow-x:auto}
+._4t3i1pna{height:420px}
+._qmxj1c00{background-attachment:local,scroll,local,scroll,local,scroll,local,scroll}
+._qrwqpd34{border-top-right-radius:var(--ds-border-radius-200,8px)}