@atlaskit/link-datasource 3.22.6 → 4.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.22.6",
+	"version": "4.0.0",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/dropdown-menu": "^13.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/empty-state": "^9.0.0",
-		"@atlaskit/flag": "^16.2.0",
+		"@atlaskit/flag": "^17.0.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.1.0",
 		"@atlaskit/icon": "^25.0.0",
@@ -66,7 +66,7 @@
 		"@atlaskit/linking-types": "^9.6.0",
 		"@atlaskit/logo": "^16.0.0",
 		"@atlaskit/lozenge": "^12.2.0",
-		"@atlaskit/modal-dialog": "^13.0.0",
+		"@atlaskit/modal-dialog": "^13.1.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^2.0.0",
@@ -83,14 +83,12 @@
 		"@atlaskit/tag": "^14.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.4.0",
+		"@atlaskit/tokens": "^4.5.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.2",
-		"@emotion/react": "^11.7.1",
-		"@emotion/styled": "^11.0.0",
 		"debounce-promise": "^3.1.2",
 		"lodash": "^4.17.21",
 		"react-sweet-state": "^2.6.5",
@@ -149,7 +147,6 @@
 			],
 			"styling": [
 				"static",
-				"emotion",
 				"compiled"
 			],
 			"imports": [
@@ -189,14 +186,14 @@
 		"bandicoots-update-sllv-icons": {
 			"type": "boolean"
 		},
-		"bandicoots-compiled-migration-link-datasource": {
-			"type": "boolean"
-		},
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},
 		"assets_as_an_app_v2": {
 			"type": "boolean"
+		},
+		"enable_fix_datasource_jumping_columns": {
+			"type": "boolean"
 		}
 	}
 }

package/dist/cjs/ui/assets-modal/modal/modal-old.js

@@ -1,389 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AssetsConfigModalOld = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _analyticsNext = require("@atlaskit/analytics-next");
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
-var _modalDialog = require("@atlaskit/modal-dialog");
-var _analytics = require("../../../analytics");
-var _constants = require("../../../analytics/constants");
-var _types = require("../../../analytics/types");
-var _ufoExperiences = require("../../../analytics/ufoExperiences");
-var _useColumnPickerRenderedFailedUfoExperience = require("../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience");
-var _useDataRenderedUfoExperience = require("../../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience");
-var _adf = require("../../../common/utils/adf");
-var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
-var _datasourceExperienceId = require("../../../contexts/datasource-experience-id");
-var _userInteractions = require("../../../contexts/user-interactions");
-var _useAssetsClient2 = require("../../../hooks/useAssetsClient");
-var _useDatasourceTableState = require("../../../hooks/useDatasourceTableState");
-var _en = _interopRequireDefault(require("../../../i18n/en"));
-var _cmdbService = require("../../../services/cmdbService.utils");
-var _state = require("../../../state");
-var _accessRequired = require("../../../ui/common/error-state/access-required");
-var _modalLoadingError = require("../../common/error-state/modal-loading-error");
-var _cancelButton = require("../../common/modal/cancel-button");
-var _datasourceModal = require("../../common/modal/datasource-modal");
-var _searchContainer = require("../search-container");
-var _loadingState = require("../search-container/loading-state");
-var _messages = require("./messages");
-var _renderAssetsContent = require("./render-assets-content");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var VERSION_TWO = '2';
-var modalBodyErrorWrapperStyles = (0, _react2.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: _renderAssetsContent.MODAL_HEIGHT
-});
-var AssetsModalTitle = (0, _react2.jsx)(_modalDialog.ModalTitle, null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertObjectsTitle));
-var PlainAssetsConfigModal = function PlainAssetsConfigModal(props) {
-  var datasourceId = props.datasourceId,
-    initialParameters = props.parameters,
-    onCancel = props.onCancel,
-    onInsert = props.onInsert,
-    initialVisibleColumnKeys = props.visibleColumnKeys;
-  var _useState = (0, _react.useState)(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.aql),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    aql = _useState2[0],
-    setAql = _useState2[1];
-  var _useState3 = (0, _react.useState)(initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.schemaId),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    schemaId = _useState4[0],
-    setSchemaId = _useState4[1];
-  var apiVersion = initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.version;
-  var _useState5 = (0, _react.useState)(apiVersion !== VERSION_TWO ? [] : initialVisibleColumnKeys),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    visibleColumnKeys = _useState6[0],
-    setVisibleColumnKeys = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    isNewSearch = _useState8[0],
-    setIsNewSearch = _useState8[1];
-  var _useState9 = (0, _react.useState)(),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    errorState = _useState10[0],
-    setErrorState = _useState10[1];
-  var _useDatasourceAnalyti = (0, _analytics.useDatasourceAnalyticsEvents)(),
-    fireEvent = _useDatasourceAnalyti.fireEvent;
-  var experienceId = (0, _datasourceExperienceId.useDatasourceExperienceId)();
-  var _useAssetsClient = (0, _useAssetsClient2.useAssetsClient)(initialParameters),
-    workspaceId = _useAssetsClient.workspaceId,
-    workspaceError = _useAssetsClient.workspaceError,
-    existingObjectSchema = _useAssetsClient.existingObjectSchema,
-    existingObjectSchemaError = _useAssetsClient.existingObjectSchemaError,
-    objectSchemas = _useAssetsClient.objectSchemas,
-    objectSchemasError = _useAssetsClient.objectSchemasError,
-    totalObjectSchemas = _useAssetsClient.totalObjectSchemas,
-    assetsClientLoading = _useAssetsClient.assetsClientLoading;
-
-  /* ------------------------------ PERMISSIONS ------------------------------ */
-  (0, _react.useEffect)(function () {
-    if (workspaceError) {
-      // If a workspaceError occurs this is a critical error
-      if (workspaceError instanceof _cmdbService.PermissionError) {
-        setErrorState('permission');
-      } else {
-        setErrorState('network');
-      }
-    }
-  }, [workspaceError]);
-  (0, _react.useEffect)(function () {
-    if (objectSchemasError) {
-      // We only care about permission errors for objectSchemas fetching as the user can retry this action
-      if (objectSchemasError instanceof _cmdbService.PermissionError) {
-        setErrorState('permission');
-      }
-    }
-  }, [objectSchemasError]);
-  (0, _react.useEffect)(function () {
-    if (existingObjectSchemaError) {
-      // We only care about permission errors for existingObjectSchema fetching as the user can retry this action
-      if (existingObjectSchemaError instanceof _cmdbService.PermissionError) {
-        setErrorState('permission');
-      }
-    }
-  }, [existingObjectSchemaError]);
-  /* ------------------------------ END PERMISSIONS ------------------------------ */
-
-  var parameters = (0, _react.useMemo)(function () {
-    return {
-      aql: aql || '',
-      schemaId: schemaId || '',
-      workspaceId: workspaceId || '',
-      version: VERSION_TWO
-    };
-  }, [aql, schemaId, workspaceId]);
-  var isParametersSet = !!(aql && workspaceId && schemaId);
-  var _useDatasourceTableSt = (0, _useDatasourceTableState.useDatasourceTableState)({
-      datasourceId: datasourceId,
-      parameters: isParametersSet ? parameters : undefined,
-      fieldKeys: isNewSearch ? [] : visibleColumnKeys
-    }),
-    status = _useDatasourceTableSt.status,
-    onNextPage = _useDatasourceTableSt.onNextPage,
-    responseItems = _useDatasourceTableSt.responseItems,
-    responseItemIds = _useDatasourceTableSt.responseItemIds,
-    reset = _useDatasourceTableSt.reset,
-    loadDatasourceDetails = _useDatasourceTableSt.loadDatasourceDetails,
-    hasNextPage = _useDatasourceTableSt.hasNextPage,
-    columns = _useDatasourceTableSt.columns,
-    defaultVisibleColumnKeys = _useDatasourceTableSt.defaultVisibleColumnKeys,
-    _useDatasourceTableSt2 = _useDatasourceTableSt.extensionKey,
-    extensionKey = _useDatasourceTableSt2 === void 0 ? null : _useDatasourceTableSt2,
-    destinationObjectTypes = _useDatasourceTableSt.destinationObjectTypes,
-    totalCount = _useDatasourceTableSt.totalCount;
-
-  /* ------------------------------ OBSERVABILITY ------------------------------ */
-  var searchCount = (0, _react.useRef)(0);
-  var userInteractions = (0, _userInteractions.useUserInteractions)();
-  var visibleColumnCount = (0, _react.useRef)((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
-  var isDataReady = (visibleColumnKeys || []).length > 0;
-  var analyticsPayload = (0, _react.useMemo)(function () {
-    return {
-      extensionKey: extensionKey,
-      destinationObjectTypes: destinationObjectTypes
-    };
-  }, [destinationObjectTypes, extensionKey]);
-  (0, _react.useEffect)(function () {
-    // 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]);
-  var fireTableViewedEvent = (0, _react.useCallback)(function () {
-    if (isDataReady) {
-      fireEvent('ui.table.viewed.datasourceConfigModal', _objectSpread(_objectSpread({}, analyticsPayload), {}, {
-        totalItemCount: totalCount || 0,
-        searchMethod: _types.DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-        displayedColumnCount: visibleColumnCount.current
-      }));
-    }
-  }, [analyticsPayload, fireEvent, totalCount, isDataReady]);
-  (0, _react.useEffect)(function () {
-    var isResolved = status === 'resolved';
-    if (!isResolved || !totalCount) {
-      return;
-    }
-    if (totalCount > 1) {
-      fireTableViewedEvent();
-    }
-  }, [fireTableViewedEvent, status, totalCount]);
-  (0, _react.useEffect)(function () {
-    var shouldStartUfoExperience = status === 'loading';
-    if (shouldStartUfoExperience) {
-      (0, _ufoExperiences.startUfoExperience)({
-        name: 'datasource-rendered'
-      }, experienceId);
-    }
-  }, [experienceId, status]);
-  (0, _useDataRenderedUfoExperience.useDataRenderedUfoExperience)({
-    status: status,
-    experienceId: experienceId,
-    itemCount: responseItems.length,
-    canBeLink: false,
-    extensionKey: extensionKey
-  });
-  (0, _useColumnPickerRenderedFailedUfoExperience.useColumnPickerRenderedFailedUfoExperience)(status, experienceId);
-  /* ------------------------------ END OBSERVABILITY ------------------------------ */
-
-  var onVisibleColumnKeysChange = (0, _react.useCallback)(function (visibleColumnKeys) {
-    setVisibleColumnKeys(visibleColumnKeys);
-    setIsNewSearch(false);
-  }, []);
-  (0, _react.useEffect)(function () {
-    var newVisibleColumnKeys = initialVisibleColumnKeys && initialVisibleColumnKeys.length > 0 && apiVersion === VERSION_TWO ? initialVisibleColumnKeys : defaultVisibleColumnKeys;
-    setVisibleColumnKeys(newVisibleColumnKeys);
-  }, [initialVisibleColumnKeys, defaultVisibleColumnKeys, apiVersion]);
-  (0, _react.useEffect)(function () {
-    if (isNewSearch) {
-      setVisibleColumnKeys(defaultVisibleColumnKeys);
-    }
-  }, [defaultVisibleColumnKeys, isNewSearch]);
-  (0, _react.useEffect)(function () {
-    visibleColumnCount.current = (visibleColumnKeys !== null && visibleColumnKeys !== void 0 ? visibleColumnKeys : []).length;
-  }, [visibleColumnKeys]);
-  var isDisabled = !!errorState || status !== 'resolved' || assetsClientLoading || !aql || !schemaId;
-  var isEditingExistingTable = !!(initialParameters !== null && initialParameters !== void 0 && initialParameters.aql && initialParameters !== null && initialParameters !== void 0 && initialParameters.schemaId && initialParameters !== null && initialParameters !== void 0 && initialParameters.workspaceId);
-  var retrieveUrlForSmartCardRender = (0, _react.useCallback)(function () {
-    var _data$key;
-    var _responseItems = (0, _slicedToArray2.default)(responseItems, 1),
-      data = _responseItems[0];
-    // agreement with BE that we will use `key` for rendering smartlink
-    return data === null || data === void 0 || (_data$key = data.key) === null || _data$key === void 0 || (_data$key = _data$key.data) === null || _data$key === void 0 ? void 0 : _data$key.url;
-  }, [responseItems]);
-  var onInsertPressed = (0, _react.useCallback)(function (e, analyticsEvent) {
-    var _insertButtonClickedE;
-    if (!aql || !schemaId || !workspaceId) {
-      return;
-    }
-    var insertButtonClickedEvent = analyticsEvent.update({
-      actionSubjectId: 'insert',
-      attributes: _objectSpread(_objectSpread({}, analyticsPayload), {}, {
-        totalItemCount: totalCount || 0,
-        displayedColumnCount: visibleColumnCount.current,
-        display: _types.DatasourceDisplay.DATASOURCE_TABLE,
-        searchCount: searchCount.current,
-        searchMethod: _types.DatasourceSearchMethod.DATASOURCE_SEARCH_QUERY,
-        actions: userInteractions.get()
-      }),
-      eventType: 'ui'
-    });
-    var consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
-    insertButtonClickedEvent.fire(_analytics.EVENT_CHANNEL);
-    var firstAssetUrl = retrieveUrlForSmartCardRender();
-    if (responseItems.length === 1 && firstAssetUrl) {
-      onInsert({
-        type: 'inlineCard',
-        attrs: {
-          url: firstAssetUrl
-        }
-      }, consumerEvent);
-    } else {
-      onInsert((0, _adf.buildDatasourceAdf)({
-        id: datasourceId,
-        parameters: {
-          workspaceId: workspaceId,
-          aql: aql,
-          schemaId: schemaId,
-          version: VERSION_TWO
-        },
-        views: [{
-          type: 'table',
-          properties: {
-            columns: (visibleColumnKeys !== null && visibleColumnKeys !== void 0 ? visibleColumnKeys : []).map(function (key) {
-              return {
-                key: key
-              };
-            })
-          }
-        }]
-      }), consumerEvent);
-    }
-  }, [aql, schemaId, workspaceId, analyticsPayload, totalCount, userInteractions, retrieveUrlForSmartCardRender, responseItems.length, onInsert, datasourceId, visibleColumnKeys]);
-  var handleOnSearch = (0, _react.useCallback)(function (searchAql, searchSchemaId) {
-    if (schemaId !== searchSchemaId || aql !== searchAql || status === 'rejected') {
-      searchCount.current++;
-      if (schemaId !== searchSchemaId) {
-        userInteractions.add(_types.DatasourceAction.SCHEMA_UPDATED);
-      }
-      if (aql !== searchAql) {
-        userInteractions.add(_types.DatasourceAction.QUERY_UPDATED);
-      }
-      setAql(searchAql);
-      setSchemaId(searchSchemaId);
-      setVisibleColumnKeys([]);
-      setIsNewSearch(true);
-      reset({
-        shouldForceRequest: true,
-        shouldResetColumns: true
-      });
-    }
-  }, [aql, reset, schemaId, status, userInteractions]);
-  var renderErrorState = (0, _react.useCallback)(function () {
-    if (errorState) {
-      switch (errorState) {
-        case 'permission':
-          return (0, _react2.jsx)(_accessRequired.AccessRequired, null);
-        case 'network':
-          return (0, _react2.jsx)(_modalLoadingError.ModalLoadingError, null);
-        default:
-          return (0, _react2.jsx)(_modalLoadingError.ModalLoadingError, null);
-      }
-    }
-  }, [errorState]);
-  var renderModalTitleContent = (0, _react.useCallback)(function () {
-    if (errorState) {
-      return undefined;
-    } else {
-      if (!workspaceId || assetsClientLoading) {
-        return (0, _react2.jsx)(_loadingState.AssetsSearchContainerLoading, {
-          modalTitle: AssetsModalTitle
-        });
-      }
-      return (0, _react2.jsx)(_searchContainer.AssetsSearchContainer, {
-        workspaceId: workspaceId,
-        initialSearchData: {
-          aql: initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.aql,
-          objectSchema: existingObjectSchema,
-          objectSchemas: objectSchemas
-        },
-        onSearch: handleOnSearch,
-        modalTitle: AssetsModalTitle,
-        isSearching: status === 'loading'
-      });
-    }
-  }, [errorState, workspaceId, assetsClientLoading, initialParameters === null || initialParameters === void 0 ? void 0 : initialParameters.aql, existingObjectSchema, objectSchemas, handleOnSearch, status]);
-  var getCancelButtonAnalyticsPayload = (0, _react.useCallback)(function () {
-    return _objectSpread(_objectSpread({}, analyticsPayload), {}, {
-      searchCount: searchCount.current,
-      actions: userInteractions.get()
-    });
-  }, [analyticsPayload, userInteractions]);
-  return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
-    defaultMessages: _en.default,
-    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
-  }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_datasourceModal.DatasourceModal, {
-    testId: "asset-datasource-modal",
-    onClose: onCancel
-  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, renderModalTitleContent()), (0, _react2.jsx)(_modalDialog.ModalBody, null, errorState ? (0, _react2.jsx)("div", {
-    css: modalBodyErrorWrapperStyles
-  }, renderErrorState()) : (0, _react2.jsx)(_renderAssetsContent.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
-  })), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_cancelButton.CancelButton, {
-    onCancel: onCancel,
-    getAnalyticsPayload: getCancelButtonAnalyticsPayload,
-    testId: 'asset-datasource-modal--cancel-button'
-  }), (0, _react2.jsx)(_standardButton.default, {
-    appearance: "primary",
-    onClick: onInsertPressed,
-    isDisabled: isDisabled,
-    testId: 'assets-datasource-modal--insert-button'
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, isEditingExistingTable ? _messages.modalMessages.updateObjectsButtonText : _messages.modalMessages.insertIssuesButtonText, {
-    values: {
-      objectsCount: responseItems.length
-    }
-  })))))));
-};
-var analyticsContextAttributes = {
-  dataProvider: 'jsm-assets'
-};
-var analyticsContextData = _objectSpread(_objectSpread({}, _constants.componentMetadata.configModal), {}, {
-  source: 'datasourceConfigModal'
-});
-var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
-  attributes: _objectSpread({}, analyticsContextAttributes)
-});
-var AssetsConfigModalOld = exports.AssetsConfigModalOld = (0, _analyticsNext.withAnalyticsContext)(contextData)(function (props) {
-  return (0, _react2.jsx)(_state.StoreContainer, null, (0, _react2.jsx)(_datasourceExperienceId.DatasourceExperienceIdProvider, null, (0, _react2.jsx)(_userInteractions.UserInteractionsProvider, null, (0, _react2.jsx)(PlainAssetsConfigModal, props))));
-});

package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/initial-state-view-old.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InitialStateViewOld = void 0;
-var _react = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _typography = require("@atlaskit/theme/typography");
-var _crystalBallSvgOld = require("./assets/crystal-ball-svg-old");
-var _messages = require("./messages");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var initialStateViewContainerStyles = (0, _react.css)({
-  display: 'flex',
-  justifyContent: 'center',
-  height: '100%'
-});
-var svgAndTextsWrapperStyles = (0, _react.css)({
-  textAlign: 'center',
-  alignSelf: 'center'
-});
-var searchTitleStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  font: "var(--ds-font-heading-small, ".concat(_typography.fontFallback.heading.small, ")"),
-  paddingTop: "var(--ds-space-200, 16px)",
-  paddingBottom: "var(--ds-space-100, 8px)"
-});
-var AQLSupportDocumentLink = 'https://support.atlassian.com/jira-service-management-cloud/docs/use-assets-query-language-aql/';
-var InitialStateViewOld = exports.InitialStateViewOld = function InitialStateViewOld() {
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
-    formatMessage = _useIntl.formatMessage;
-  return (0, _react.jsx)("div", {
-    css: initialStateViewContainerStyles,
-    "data-testid": "assets-aql-datasource-modal--initial-state-view"
-  }, (0, _react.jsx)("div", {
-    css: svgAndTextsWrapperStyles
-  }, (0, _react.jsx)(_crystalBallSvgOld.CrystalBallSVGOld, null), (0, _react.jsx)("div", {
-    css: searchTitleStyles
-  }, formatMessage(_messages.initialStateViewMessages.searchTitle)), (0, _react.jsx)("div", null, formatMessage(_messages.initialStateViewMessages.searchDescription)), (0, _react.jsx)("a", {
-    href: AQLSupportDocumentLink,
-    target: "_blank"
-  }, formatMessage(_messages.initialStateViewMessages.learnMoreLink))));
-};

package/dist/cjs/ui/assets-modal/modal/render-assets-content/render-assets-content-old.js

@@ -1,121 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RenderAssetsContentOld = exports.MODAL_HEIGHT = void 0;
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _accessRequired = require("../../../common/error-state/access-required");
-var _modalLoadingError = require("../../../common/error-state/modal-loading-error");
-var _noResults = require("../../../common/error-state/no-results");
-var _issueLikeTableOld = require("../../../issue-like-table/issue-like-table-old");
-var _initialStateView = require("./initial-state-view");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var MODAL_HEIGHT = exports.MODAL_HEIGHT = 420;
-
-// This is to prevent y scrollbar when showing table loading state
-var disableOverflowStyles = (0, _react2.css)({
-  overflow: 'hidden'
-});
-var contentContainerStyles = (0, _react2.css)({
-  height: MODAL_HEIGHT,
-  display: 'grid',
-  overflow: 'auto'
-});
-var tableBordersStyles = (0, _react2.css)({
-  border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")),
-  borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
-  borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
-  borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(_colors.N40, ")")),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundImage: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundImage,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundRepeat: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundRepeat,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundSize: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundSize,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  backgroundAttachment: _issueLikeTableOld.scrollableContainerShadowsCssComponents.backgroundAttachment
-});
-var RejectedView = function RejectedView() {
-  return (0, _react2.jsx)("div", {
-    css: [contentContainerStyles]
-  }, (0, _react2.jsx)(_modalLoadingError.ModalLoadingError, null));
-};
-var UnauthorizedView = function UnauthorizedView() {
-  return (0, _react2.jsx)("div", {
-    css: [contentContainerStyles]
-  }, (0, _react2.jsx)(_accessRequired.AccessRequired, null));
-};
-var EmptyView = function EmptyView() {
-  return (0, _react2.jsx)("div", {
-    css: [contentContainerStyles]
-  }, (0, _react2.jsx)(_initialStateView.InitialStateView, null));
-};
-var NoResultsView = function NoResultsView() {
-  return (0, _react2.jsx)("div", {
-    css: [contentContainerStyles]
-  }, (0, _react2.jsx)(_noResults.NoResults, null));
-};
-var LoadingView = function LoadingView() {
-  return (0, _react2.jsx)("div", {
-    css: [contentContainerStyles, contentContainerStyles, tableBordersStyles, disableOverflowStyles]
-  }, (0, _react2.jsx)(_issueLikeTableOld.EmptyStateOld, {
-    testId: "assets-aql-datasource-modal--loading-state"
-  }));
-};
-var RenderAssetsContentOld = exports.RenderAssetsContentOld = function RenderAssetsContentOld(props) {
-  var status = props.status,
-    responseItems = props.responseItems,
-    responseItemIds = props.responseItemIds,
-    visibleColumnKeys = props.visibleColumnKeys,
-    onNextPage = props.onNextPage,
-    hasNextPage = props.hasNextPage,
-    loadDatasourceDetails = props.loadDatasourceDetails,
-    columns = props.columns,
-    defaultVisibleColumnKeys = props.defaultVisibleColumnKeys,
-    onVisibleColumnKeysChange = props.onVisibleColumnKeysChange,
-    isFetchingInitialData = props.isFetchingInitialData;
-  var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
-  var issueLikeDataTableView = (0, _react.useMemo)(function () {
-    return (0, _react2.jsx)("div", {
-      css: [contentContainerStyles, tableBordersStyles]
-    }, (0, _react2.jsx)(_issueLikeTableOld.IssueLikeDataTableViewOld, {
-      testId: "asset-datasource-table",
-      status: status,
-      columns: columns,
-      items: responseItems,
-      itemIds: responseItemIds,
-      hasNextPage: hasNextPage,
-      visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
-      onNextPage: onNextPage,
-      onLoadDatasourceDetails: loadDatasourceDetails,
-      onVisibleColumnKeysChange: onVisibleColumnKeysChange
-    }));
-  }, [columns, defaultVisibleColumnKeys, hasNextPage, loadDatasourceDetails, onNextPage, onVisibleColumnKeysChange, responseItems, responseItemIds, status, visibleColumnKeys]);
-  var renderAssetsContentView = (0, _react.useCallback)(function () {
-    if (isFetchingInitialData) {
-      // Placing this check first as it's a priority before all others
-      return (0, _react2.jsx)(LoadingView, null);
-    } else if (status === 'rejected') {
-      return (0, _react2.jsx)(RejectedView, null);
-    } else if (status === 'unauthorized') {
-      return (0, _react2.jsx)(UnauthorizedView, null);
-    } else if (status === 'empty') {
-      return (0, _react2.jsx)(EmptyView, null);
-    } else if (resolvedWithNoResults) {
-      return (0, _react2.jsx)(NoResultsView, null);
-    } else if (status === 'loading' && !columns.length) {
-      return (0, _react2.jsx)(LoadingView, null);
-    }
-    return issueLikeDataTableView;
-  }, [columns.length, isFetchingInitialData, issueLikeDataTableView, resolvedWithNoResults, status]);
-  return renderAssetsContentView();
-};