@atlaskit/link-datasource 6.8.0 → 6.10.0

package/dist/esm/state/actions/useDiscoverActions.js

@@ -0,0 +1,20 @@
+import { useMemo } from 'react';
+import { createActionsHook } from 'react-sweet-state';
+import { useDatasourceClientExtension } from '@atlaskit/link-client-extension/use-data-source-client-extension';
+import { ActionsStore } from './index';
+var useActionStoreActions = createActionsHook(ActionsStore);
+export var useDiscoverActions = function useDiscoverActions(_ref) {
+  var captureError = _ref.captureError,
+    fireEvent = _ref.fireEvent;
+  var _useDatasourceClientE = useDatasourceClientExtension(),
+    getDatasourceActionsAndPermissions = _useDatasourceClientE.getDatasourceActionsAndPermissions;
+  var _useActionStoreAction = useActionStoreActions(),
+    discoverActions = _useActionStoreAction.discoverActions;
+  return {
+    discoverActions: useMemo(function () {
+      return discoverActions.bind(null, captureError, fireEvent, {
+        getDatasourceActionsAndPermissions: getDatasourceActionsAndPermissions
+      });
+    }, [captureError, discoverActions, fireEvent, getDatasourceActionsAndPermissions])
+  };
+};

package/dist/esm/state/actions/useExecuteAtomicAction.js

@@ -0,0 +1,132 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { useCallback, useMemo } from 'react';
+import { useDatasourceClientExtension } from '@atlaskit/link-client-extension/use-data-source-client-extension';
+import { useDatasourceAnalyticsEvents } from '../../analytics';
+import useErrorLogger from '../../hooks/useErrorLogger';
+import { useDatasourceItem } from '../index';
+import { useAtomicUpdateActionSchema } from './index';
+/**
+ * Given an ARI + fieldKey + integrationKey
+ * Returns an executable action that updates a field on the entity if the user has permissions to do so
+ *
+ * @example
+ * ```tsx
+ * const { execute } = useExecuteAtomicAction({ ari, fieldKey: 'summary', integrationKey: 'jira' });
+ *
+ * return <button onClick={() => execute('New summary')}>Update summary</button>;
+ * ```
+ */
+export var useExecuteAtomicAction = function useExecuteAtomicAction(_ref) {
+  var ari = _ref.ari,
+    fieldKey = _ref.fieldKey,
+    integrationKey = _ref.integrationKey;
+  var _useAtomicUpdateActio = useAtomicUpdateActionSchema({
+      ari: ari,
+      fieldKey: fieldKey,
+      integrationKey: integrationKey
+    }),
+    _useAtomicUpdateActio2 = _slicedToArray(_useAtomicUpdateActio, 1),
+    _useAtomicUpdateActio3 = _useAtomicUpdateActio2[0],
+    schema = _useAtomicUpdateActio3.schema,
+    fetchSchema = _useAtomicUpdateActio3.fetchSchema;
+  var item = useDatasourceItem({
+    id: ari
+  });
+  var _useDatasourceClientE = useDatasourceClientExtension(),
+    executeAction = _useDatasourceClientE.executeAtomicAction,
+    invalidateDatasourceDataCacheByAri = _useDatasourceClientE.invalidateDatasourceDataCacheByAri;
+  var loggerProps = useMemo(function () {
+    return {
+      integrationKey: integrationKey
+    };
+  }, [integrationKey]);
+  var _useErrorLogger = useErrorLogger(loggerProps),
+    captureError = _useErrorLogger.captureError;
+  var _useDatasourceAnalyti = useDatasourceAnalyticsEvents(),
+    fireEvent = _useDatasourceAnalyti.fireEvent;
+  var execute = useCallback(function (value) {
+    if (!schema) {
+      throw new Error('No action schema found.');
+    }
+    return executeAction({
+      integrationKey: integrationKey,
+      actionKey: schema.actionKey,
+      parameters: {
+        inputs: _defineProperty({}, fieldKey, value),
+        target: {
+          ari: ari
+        }
+      }
+    }).then(function (resp) {
+      // Force data to refresh after update
+      invalidateDatasourceDataCacheByAri(ari);
+      fireEvent('operational.actionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
+      return resp;
+    }).catch(function (error) {
+      captureError('actionExecution', error);
+      // Rethrow up to component for flags and other handling
+      throw error;
+    });
+  }, [schema, executeAction, integrationKey, fieldKey, ari, invalidateDatasourceDataCacheByAri, fireEvent, captureError]);
+  var executeFetch = useCallback(function (controlledInputs) {
+    if (!fetchSchema) {
+      throw new Error('No supporting action schema found.');
+    }
+
+    /**
+     * controlled inputs are useful for search fields, where a variable query is passed to the fetchAction
+     */
+    var inputs = controlledInputs;
+    if (!Object.keys(inputs).length && fetchSchema.inputs && !!Object.keys(fetchSchema.inputs).length) {
+      var inputKeys = Object.keys(fetchSchema.inputs);
+      /**
+       * If present return the input value from the datasource item
+       * e.g. this could be the issueKey or projectId of a Jira issue
+       */
+      inputs = inputKeys.reduce(function (acc, key) {
+        var _item$data;
+        var value = item === null || item === void 0 || (_item$data = item.data) === null || _item$data === void 0 || (_item$data = _item$data[key]) === null || _item$data === void 0 ? void 0 : _item$data.data;
+        if (typeof value === 'string' || typeof value === 'number') {
+          acc[key] = value;
+        }
+        /**
+         * This allows for the schema and data from the BE to dynamically set the action inputs
+         */
+        return acc;
+      }, {});
+    }
+
+    // A generic type can allow us here to define the inputs and outputs
+    return executeAction({
+      integrationKey: integrationKey,
+      actionKey: fetchSchema.actionKey,
+      parameters: {
+        inputs: inputs,
+        target: {
+          ari: ari
+        }
+      }
+    }).then(function (resp) {
+      fireEvent('operational.fetchActionExecution.success', {
+        integrationKey: integrationKey,
+        experience: 'datasource'
+      });
+      return resp;
+    }).catch(function (error) {
+      captureError('fetchActionExecution', error);
+      // Rethrow up to component for flags and other handling
+      throw error;
+    });
+  }, [fetchSchema, executeAction, integrationKey, ari, item, fireEvent, captureError]);
+  return _objectSpread(_objectSpread({}, schema && {
+    execute: execute
+  }), fetchSchema && {
+    executeFetch: executeFetch
+  });
+};

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

@@ -0,0 +1,15 @@
+import React, { lazy, Suspense } from 'react';
+var LazyAssetsConfigModal = /*#__PURE__*/lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-assetsmodal" */'./modal').then(function (module) {
+    return {
+      default: module.AssetsConfigModal
+    };
+  });
+});
+export var AssetsConfigModalWithWrappers = function AssetsConfigModalWithWrappers(props) {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      "data-testid": 'assets-aql-datasource-table-suspense'
+    })
+  }, /*#__PURE__*/React.createElement(LazyAssetsConfigModal, props));
+};

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

@@ -1,17 +1,14 @@
-import React, { lazy, Suspense } from 'react';
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+import { AssetsConfigModalWithWrappers } from './AssetsConfigModalWithWrappers';
 export var ASSETS_LIST_OF_LINKS_DATASOURCE_ID = '361d618a-3c04-40ad-9b27-3c8ea6927020';
-var LazyAssetsConfigModal = /*#__PURE__*/lazy(function () {
-  return import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-assetsmodal" */'./modal').then(function (module) {
-    return {
-      default: module.AssetsConfigModal
-    };
-  });
-});
-var AssetsConfigModalWithWrappers = function AssetsConfigModalWithWrappers(props) {
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement("div", {
-      "data-testid": 'assets-aql-datasource-table-suspense'
-    })
-  }, /*#__PURE__*/React.createElement(LazyAssetsConfigModal, props));
-};
-export default AssetsConfigModalWithWrappers;
+export default AssetsConfigModalWithWrappers;
+
+/**
+ * @deprecated Use `import { AssetsConfigModalWithWrappers } from '@atlaskit/link-datasource/assets-config-modal-with-wrappers'` instead.
+ */
+export { AssetsConfigModalWithWrappers } from './AssetsConfigModalWithWrappers';
+/**
+ * @deprecated Use `import { AssetsConfigModalWithWrappers } from '@atlaskit/link-datasource/assets-config-modal-with-wrappers'` instead.
+ */
+export { AssetsConfigModalWithWrappers as AssetsConfigModal } from './AssetsConfigModalWithWrappers';

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

@@ -17,20 +17,23 @@ import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
 import ModalHeader from '@atlaskit/modal-dialog/modal-header';
 import ModalTitle from '@atlaskit/modal-dialog/modal-title';
 import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
-import { EVENT_CHANNEL, useDatasourceAnalyticsEvents } from '../../../analytics';
+import { EVENT_CHANNEL } from '../../../analytics/constants';
 import { componentMetadata } from '../../../analytics/constants';
+import { useDatasourceAnalyticsEvents } from '../../../analytics/index';
 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 { startUfoExperience } from '../../../analytics/ufoExperiences/startUfoExperience';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { buildDatasourceAdf } from '../../../common/utils/schema-utils';
-import { DatasourceExperienceIdProvider, useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
-import { UserInteractionsProvider, useUserInteractions } from '../../../contexts/user-interactions';
+import { DatasourceExperienceIdProvider } from '../../../contexts/datasource-experience-id/datasource-experience-id-provider';
+import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id/use-datasource-experience-id';
+import { UserInteractionsProvider } from '../../../contexts/user-interactions/user-interactions-provider';
+import { useUserInteractions } from '../../../contexts/user-interactions/use-user-interactions';
 import { useAssetsClient } from '../../../hooks/useAssetsClient';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
 import i18nEN from '../../../i18n/en';
-import { PermissionError } from '../../../services/cmdbService.utils';
+import { PermissionError } from '../../../services/PermissionError';
 import { StoreContainer } from '../../../state';
 import { AccessRequired } from '../../../ui/common/error-state/access-required';
 import { ModalLoadingError } from '../../common/error-state/modal-loading-error';

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

@@ -7,7 +7,8 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { AccessRequired } from '../../../common/error-state/access-required';
 import { ModalLoadingError } from '../../../common/error-state/modal-loading-error';
 import { NoResults } from '../../../common/error-state/no-results';
-import { EmptyState, IssueLikeDataTableView } from '../../../issue-like-table';
+import { EmptyState } from '../../../issue-like-table';
+import { IssueLikeDataTableView } from '../../../issue-like-table/issue-like-data-table-view';
 import { InitialStateView } from './initial-state-view';
 export var MODAL_HEIGHT = 420;
 

package/dist/esm/ui/common/modal/count-view-smart-link/{index.js → smart-card-placeholder.js}

@@ -1,10 +1,9 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-import "./index.compiled.css";
+/* smart-card-placeholder.tsx generated by @compiled/babel-plugin v2.0.0 */
+import "./smart-card-placeholder.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Box } from '@atlaskit/primitives/compiled';
-import LinkRenderType from '../../../issue-like-table/render-type/link';
 var styles = {
   placeholderSmartLinkStyles: "_2rko18qm _syaz1oa5 _ca0qze3t _n3tdze3t _19bvv77o _u5f3v77o _16qst7xp",
   smartLinkContainerStyles: "_19bvv77o"
@@ -23,12 +22,4 @@ export var SmartCardPlaceholder = function SmartCardPlaceholder(_ref) {
       backgroundColor: "var(--ds-surface-raised, #FFFFFF)"
     }
   }, /*#__PURE__*/React.createElement(FormattedMessage, placeholderText)));
-};
-export var SmartLink = function SmartLink(_ref2) {
-  var url = _ref2.url;
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.smartLinkContainerStyles
-  }, /*#__PURE__*/React.createElement(LinkRenderType, {
-    url: url
-  }));
 };

package/dist/esm/ui/common/modal/count-view-smart-link/smart-link.compiled.css

@@ -0,0 +1 @@
+._19bvv77o{padding-left:var(--ds-space-025,2px)}

package/dist/esm/ui/common/modal/count-view-smart-link/smart-link.js

@@ -0,0 +1,17 @@
+/* smart-link.tsx generated by @compiled/babel-plugin v2.0.0 */
+import "./smart-link.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+import LinkRenderType from '../../../issue-like-table/render-type/link';
+var styles = {
+  smartLinkContainerStyles: "_19bvv77o"
+};
+export var SmartLink = function SmartLink(_ref) {
+  var url = _ref.url;
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.smartLinkContainerStyles
+  }, /*#__PURE__*/React.createElement(LinkRenderType, {
+    url: url
+  }));
+};

package/dist/esm/ui/common/modal/datasource-context/DatasourceContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export var DatasourceContext = /*#__PURE__*/React.createContext(null);

package/dist/esm/ui/common/modal/datasource-context/{index.js → DatasourceContextProvider.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useContext, useMemo, useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { useDatasourceTableState } from '../../../../hooks/useDatasourceTableState';
 import { useColumnResize } from '../datasources-table-in-modal-preview/use-column-resize';
 import { useColumnVisibility } from '../datasources-table-in-modal-preview/use-column-visibility';
 import { useColumnWrapping } from '../datasources-table-in-modal-preview/use-column-wrapping';
-var DatasourceContext = /*#__PURE__*/React.createContext(null);
+import { DatasourceContext } from './DatasourceContext';
 export var DatasourceContextProvider = function DatasourceContextProvider(_ref) {
   var children = _ref.children,
     datasourceId = _ref.datasourceId,
@@ -63,11 +63,4 @@ export var DatasourceContextProvider = function DatasourceContextProvider(_ref)
   return /*#__PURE__*/React.createElement(DatasourceContext.Provider, {
     value: contextValue
   }, children);
-};
-export var useDatasourceContext = function useDatasourceContext() {
-  var value = useContext(DatasourceContext);
-  if (!value) {
-    throw new Error('useDatasourceStore must be used within DatasourceContextProvider');
-  }
-  return value;
 };

package/dist/esm/ui/common/modal/datasource-context/DatasourceContextValue.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/ui/common/modal/datasource-context/useDatasourceContext.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { DatasourceContext } from './DatasourceContext';
+export var useDatasourceContext = function useDatasourceContext() {
+  var value = useContext(DatasourceContext);
+  if (!value) {
+    throw new Error('useDatasourceStore must be used within DatasourceContextProvider');
+  }
+  return value;
+};

package/dist/esm/ui/common/modal/datasource-modal/createDatasourceModal.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
-import { DatasourceExperienceIdProvider } from '../../../../contexts/datasource-experience-id';
-import { UserInteractionsProvider } from '../../../../contexts/user-interactions';
-import { DatasourceContextProvider } from '../datasource-context';
-import { DatasourceViewModeProvider } from '../mode-switcher/useViewModeContext';
+import { DatasourceExperienceIdProvider } from '../../../../contexts/datasource-experience-id/datasource-experience-id-provider';
+import { UserInteractionsProvider } from '../../../../contexts/user-interactions/user-interactions-provider';
+import { DatasourceContextProvider } from '../datasource-context/DatasourceContextProvider';
+import { DatasourceViewModeProvider } from '../mode-switcher/DatasourceViewModeProvider';
 var DEFAULT_VIEW_MODE = 'table';
 export var createDatasourceModal = function createDatasourceModal(_ref) {
   var isValidParameters = _ref.isValidParameters,

package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/index.js

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { DatasourceAction } from '../../../../analytics/types';
-import { useUserInteractions } from '../../../../contexts/user-interactions';
-import { IssueLikeDataTableView } from '../../../issue-like-table';
-import { useDatasourceContext } from '../datasource-context';
+import { useUserInteractions } from '../../../../contexts/user-interactions/use-user-interactions';
+import { IssueLikeDataTableView } from '../../../issue-like-table/issue-like-data-table-view';
+import { useDatasourceContext } from '../datasource-context/useDatasourceContext';
 var Table = function Table(props) {
   var _useDatasourceContext = useDatasourceContext(),
     columnCustomSizes = _useDatasourceContext.columnCustomSizes,

package/dist/esm/ui/common/modal/datasources-table-in-modal-preview/use-column-visibility/index.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef } from 'react';
-import { useUserInteractions } from '../../../../../contexts/user-interactions';
-import { getColumnAction } from '../../../../issue-like-table/utils';
+import { useUserInteractions } from '../../../../../contexts/user-interactions/use-user-interactions';
+import { getColumnAction } from '../../../../issue-like-table/get-column-action';
 export var useColumnVisibility = function useColumnVisibility(_ref) {
   var visibleColumnKeys = _ref.visibleColumnKeys,
     setVisibleColumnKeys = _ref.setVisibleColumnKeys,

package/dist/esm/ui/common/modal/insert-button/index.js

@@ -3,11 +3,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 import React, { useCallback } from 'react';
 import Button from '@atlaskit/button/standard-button';
-import { EVENT_CHANNEL } from '../../../../analytics';
+import { EVENT_CHANNEL } from '../../../../analytics/constants';
 import { DatasourceDisplay, DatasourceSearchMethod } from '../../../../analytics/types';
 import { buildDatasourceAdf } from '../../../../common/utils/schema-utils';
-import { useUserInteractions } from '../../../../contexts/user-interactions';
-import { useDatasourceContext } from '../datasource-context';
+import { useUserInteractions } from '../../../../contexts/user-interactions/use-user-interactions';
+import { useDatasourceContext } from '../datasource-context/useDatasourceContext';
 import { useViewModeContext } from '../mode-switcher/useViewModeContext';
 export var InsertButton = function InsertButton(_ref) {
   var testId = _ref.testId,

package/dist/esm/ui/common/modal/mode-switcher/DatasourceViewModeDropDown.js

@@ -0,0 +1,25 @@
+/* DatasourceViewModeDropDown.tsx generated by @compiled/babel-plugin v2.0.0 */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { DatasourceAction } from '../../../../analytics/types';
+import { useUserInteractions } from '../../../../contexts/user-interactions/use-user-interactions';
+import { DisplayViewDropDown } from '../display-view-dropdown/display-view-drop-down';
+import { useViewModeContext } from './useViewModeContext';
+export var DatasourceViewModeDropDown = function DatasourceViewModeDropDown() {
+  var userInteractions = useUserInteractions();
+  var _useViewModeContext = useViewModeContext(),
+    currentViewMode = _useViewModeContext.currentViewMode,
+    setCurrentViewMode = _useViewModeContext.setCurrentViewMode,
+    disableDisplayDropdown = _useViewModeContext.disableDisplayDropdown;
+  if (disableDisplayDropdown) {
+    return null;
+  }
+  var handleViewModeChange = function handleViewModeChange(selectedMode) {
+    userInteractions.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
+    setCurrentViewMode(selectedMode);
+  };
+  return /*#__PURE__*/React.createElement(DisplayViewDropDown, {
+    onViewModeChange: handleViewModeChange,
+    viewMode: currentViewMode
+  });
+};

package/dist/esm/ui/common/modal/mode-switcher/DatasourceViewModeProvider.js

@@ -0,0 +1,22 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useMemo, useState } from 'react';
+import { ViewModeContext } from './useViewModeContext';
+export var DatasourceViewModeProvider = function DatasourceViewModeProvider(_ref) {
+  var initialViewMode = _ref.viewMode,
+    disableDisplayDropdown = _ref.disableDisplayDropdown,
+    children = _ref.children;
+  var _useState = useState(initialViewMode),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentViewMode = _useState2[0],
+    setCurrentViewMode = _useState2[1];
+  var value = useMemo(function () {
+    return {
+      currentViewMode: currentViewMode,
+      setCurrentViewMode: setCurrentViewMode,
+      disableDisplayDropdown: disableDisplayDropdown
+    };
+  }, [currentViewMode, setCurrentViewMode, disableDisplayDropdown]);
+  return /*#__PURE__*/React.createElement(ViewModeContext.Provider, {
+    value: value
+  }, children);
+};

package/dist/esm/ui/common/modal/mode-switcher/{index.js → ModeSwitcher.js}

@@ -1,14 +1,10 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ModeSwitcher.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _extends from "@babel/runtime/helpers/extends";
-import "./index.compiled.css";
+import "./ModeSwitcher.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';
-import { DatasourceAction } from '../../../../analytics/types';
-import { useUserInteractions } from '../../../../contexts/user-interactions';
-import { DisplayViewDropDown } from '../display-view-dropdown/display-view-drop-down';
-import { useViewModeContext } from './useViewModeContext';
 var modeSwitcherStyles = null;
 var compactModeSwitcherStyles = null;
 var modeFocusStyles = null;
@@ -57,22 +53,4 @@ export var ModeSwitcher = function ModeSwitcher(props) {
       })));
     });
   })) : null;
-};
-export var DatasourceViewModeDropDown = function DatasourceViewModeDropDown() {
-  var userInteractions = useUserInteractions();
-  var _useViewModeContext = useViewModeContext(),
-    currentViewMode = _useViewModeContext.currentViewMode,
-    setCurrentViewMode = _useViewModeContext.setCurrentViewMode,
-    disableDisplayDropdown = _useViewModeContext.disableDisplayDropdown;
-  if (disableDisplayDropdown) {
-    return null;
-  }
-  var handleViewModeChange = function handleViewModeChange(selectedMode) {
-    userInteractions.add(DatasourceAction.DISPLAY_VIEW_CHANGED);
-    setCurrentViewMode(selectedMode);
-  };
-  return /*#__PURE__*/React.createElement(DisplayViewDropDown, {
-    onViewModeChange: handleViewModeChange,
-    viewMode: currentViewMode
-  });
 };

package/dist/esm/ui/common/modal/mode-switcher/useViewModeContext.js

@@ -1,25 +1,5 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { createContext, useContext, useMemo, useState } from 'react';
-var ViewModeContext = /*#__PURE__*/createContext(null);
-export var DatasourceViewModeProvider = function DatasourceViewModeProvider(_ref) {
-  var initialViewMode = _ref.viewMode,
-    disableDisplayDropdown = _ref.disableDisplayDropdown,
-    children = _ref.children;
-  var _useState = useState(initialViewMode),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentViewMode = _useState2[0],
-    setCurrentViewMode = _useState2[1];
-  var value = useMemo(function () {
-    return {
-      currentViewMode: currentViewMode,
-      setCurrentViewMode: setCurrentViewMode,
-      disableDisplayDropdown: disableDisplayDropdown
-    };
-  }, [currentViewMode, setCurrentViewMode, disableDisplayDropdown]);
-  return /*#__PURE__*/React.createElement(ViewModeContext.Provider, {
-    value: value
-  }, children);
-};
+import { createContext, useContext } from 'react';
+export var ViewModeContext = /*#__PURE__*/createContext(null);
 export var useViewModeContext = function useViewModeContext() {
   var value = useContext(ViewModeContext);
   if (!value) {

package/dist/esm/ui/common/modal/popup-select/CustomControl.js

@@ -0,0 +1,32 @@
+/* CustomControl.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import "./CustomControl.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+import { components } from '@atlaskit/react-select/components';
+var getPopupCustomControlStyles = function getPopupCustomControlStyles() {
+  return {
+    display: 'flex',
+    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
+    borderRadius: "var(--ds-radius-small, 3px)",
+    border: "solid ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-input, #8C8F97)"),
+    minHeight: 'auto'
+  };
+};
+var popupCustomControlStyles = {
+  container: "_ca0q1b66 _n3td1b66 _19bvu2gc _u5f3u2gc",
+  control: "_1u6lglyw"
+};
+export var CustomControl = function CustomControl(_ref) {
+  var children = _ref.children,
+    innerProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: popupCustomControlStyles.container
+  }, /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, {
+    getStyles: getPopupCustomControlStyles,
+    xcss: popupCustomControlStyles.control
+  }), children));
+};

package/dist/esm/ui/common/modal/popup-select/control.js

@@ -1,33 +1,2 @@
-/* control.tsx generated by @compiled/babel-plugin v2.0.0 */
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-import "./control.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { Box } from '@atlaskit/primitives/compiled';
-import { components } from '@atlaskit/react-select/components';
-var getPopupCustomControlStyles = function getPopupCustomControlStyles() {
-  return {
-    display: 'flex',
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
-    borderRadius: "var(--ds-radius-small, 3px)",
-    border: "solid ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-input, #8C8F97)"),
-    minHeight: 'auto'
-  };
-};
-var popupCustomControlStyles = {
-  container: "_ca0q1b66 _n3td1b66 _19bvu2gc _u5f3u2gc",
-  control: "_1u6lglyw"
-};
-export var CustomControl = function CustomControl(_ref) {
-  var children = _ref.children,
-    innerProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Box, {
-    xcss: popupCustomControlStyles.container
-  }, /*#__PURE__*/React.createElement(components.Control, _extends({}, innerProps, {
-    getStyles: getPopupCustomControlStyles,
-    xcss: popupCustomControlStyles.control
-  }), children));
-};
+import { CustomControl } from './CustomControl';
 export default CustomControl;

package/dist/esm/ui/common/modal/search-count/AssetsItemCount.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { FormattedMessage, FormattedNumber } from 'react-intl';
+import { footerMessages } from '../../../table-footer/messages';
+import { ItemCountWrapper } from './ItemCountWrapper';
+export var AssetsItemCount = function AssetsItemCount(_ref) {
+  var searchCount = _ref.searchCount,
+    url = _ref.url,
+    testId = _ref.testId;
+  var capCount = searchCount >= 1000;
+  var displayCount = capCount ? 1000 : searchCount;
+  var countModifier = capCount ? '+' : '';
+  return /*#__PURE__*/React.createElement(ItemCountWrapper, {
+    testId: testId,
+    url: url
+  }, /*#__PURE__*/React.createElement(FormattedNumber, {
+    value: displayCount
+  }), countModifier, ' ', /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, footerMessages.itemText, {
+    values: {
+      itemCount: searchCount
+    }
+  })));
+};

package/dist/esm/ui/common/modal/search-count/ItemCountWrapper.js

@@ -0,0 +1,32 @@
+/* ItemCountWrapper.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import "./ItemCountWrapper.compiled.css";
+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; }
+import React from 'react';
+import { Flex } from '@atlaskit/primitives/compiled';
+import LinkUrl from '@atlaskit/smart-card/link-url';
+var styles = {
+  searchCountStyles: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
+};
+export var ItemCountWrapper = function ItemCountWrapper(_ref) {
+  var url = _ref.url,
+    additionalStyles = _ref.styles,
+    children = _ref.children,
+    testId = _ref.testId;
+  return /*#__PURE__*/React.createElement(Flex, {
+    testId: testId,
+    xcss: styles.searchCountStyles,
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(LinkUrl, {
+    href: url,
+    target: "_blank",
+    testId: "item-count-url",
+    style: _objectSpread({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      color: "var(--ds-text-subtlest, #6B6E76)",
+      textDecoration: !url ? 'none' : ''
+    }, additionalStyles)
+  }, children));
+};