@atlaskit/link-datasource 6.8.0 → 6.9.0

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

@@ -1,17 +1,16 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* smart-card-placeholder.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmartLink = exports.SmartCardPlaceholder = void 0;
-require("./index.compiled.css");
+exports.SmartCardPlaceholder = void 0;
+require("./smart-card-placeholder.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _link = _interopRequireDefault(require("../../../issue-like-table/render-type/link"));
 var styles = {
   placeholderSmartLinkStyles: "_2rko18qm _syaz1oa5 _ca0qze3t _n3tdze3t _19bvv77o _u5f3v77o _16qst7xp",
   smartLinkContainerStyles: "_19bvv77o"
@@ -30,12 +29,4 @@ var SmartCardPlaceholder = exports.SmartCardPlaceholder = function SmartCardPlac
       backgroundColor: "var(--ds-surface-raised, #FFFFFF)"
     }
   }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, placeholderText)));
-};
-var SmartLink = exports.SmartLink = function SmartLink(_ref2) {
-  var url = _ref2.url;
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: styles.smartLinkContainerStyles
-  }, /*#__PURE__*/_react.default.createElement(_link.default, {
-    url: url
-  }));
 };

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

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

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

@@ -0,0 +1,24 @@
+/* smart-link.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SmartLink = void 0;
+require("./smart-link.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _link = _interopRequireDefault(require("../../../issue-like-table/render-type/link"));
+var styles = {
+  smartLinkContainerStyles: "_19bvv77o"
+};
+var SmartLink = exports.SmartLink = function SmartLink(_ref) {
+  var url = _ref.url;
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.smartLinkContainerStyles
+  }, /*#__PURE__*/_react.default.createElement(_link.default, {
+    url: url
+  }));
+};

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

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatasourceContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var DatasourceContext = exports.DatasourceContext = /*#__PURE__*/_react.default.createContext(null);

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

@@ -5,15 +5,15 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useDatasourceContext = exports.DatasourceContextProvider = void 0;
+exports.DatasourceContextProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _useDatasourceTableState = require("../../../../hooks/useDatasourceTableState");
 var _useColumnResize2 = require("../datasources-table-in-modal-preview/use-column-resize");
 var _useColumnVisibility2 = require("../datasources-table-in-modal-preview/use-column-visibility");
 var _useColumnWrapping2 = require("../datasources-table-in-modal-preview/use-column-wrapping");
+var _DatasourceContext = require("./DatasourceContext");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var DatasourceContext = /*#__PURE__*/_react.default.createContext(null);
 var DatasourceContextProvider = exports.DatasourceContextProvider = function DatasourceContextProvider(_ref) {
   var children = _ref.children,
     datasourceId = _ref.datasourceId,
@@ -69,14 +69,7 @@ var DatasourceContextProvider = exports.DatasourceContextProvider = function Dat
       onInsert: onInsert
     };
   }, [datasourceId, isValidParameters, tableState, visibleColumnCount, visibleColumnKeys, onVisibleColumnKeysChange, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange, onWrappedColumnsChange, parameters, onInsert]);
-  return /*#__PURE__*/_react.default.createElement(DatasourceContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_DatasourceContext.DatasourceContext.Provider, {
     value: contextValue
   }, children);
-};
-var useDatasourceContext = exports.useDatasourceContext = function useDatasourceContext() {
-  var value = (0, _react.useContext)(DatasourceContext);
-  if (!value) {
-    throw new Error('useDatasourceStore must be used within DatasourceContextProvider');
-  }
-  return value;
 };

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDatasourceContext = void 0;
+var _react = require("react");
+var _DatasourceContext = require("./DatasourceContext");
+var useDatasourceContext = exports.useDatasourceContext = function useDatasourceContext() {
+  var value = (0, _react.useContext)(_DatasourceContext.DatasourceContext);
+  if (!value) {
+    throw new Error('useDatasourceStore must be used within DatasourceContextProvider');
+  }
+  return value;
+};

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

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.createDatasourceModal = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
-var _datasourceExperienceId = require("../../../../contexts/datasource-experience-id");
-var _userInteractions = require("../../../../contexts/user-interactions");
-var _datasourceContext = require("../datasource-context");
-var _useViewModeContext = require("../mode-switcher/useViewModeContext");
+var _datasourceExperienceIdProvider = require("../../../../contexts/datasource-experience-id/datasource-experience-id-provider");
+var _userInteractionsProvider = require("../../../../contexts/user-interactions/user-interactions-provider");
+var _DatasourceContextProvider = require("../datasource-context/DatasourceContextProvider");
+var _DatasourceViewModeProvider = require("../mode-switcher/DatasourceViewModeProvider");
 var DEFAULT_VIEW_MODE = 'table';
 var createDatasourceModal = exports.createDatasourceModal = function createDatasourceModal(_ref) {
   var isValidParameters = _ref.isValidParameters,
@@ -33,7 +33,7 @@ var createDatasourceModal = exports.createDatasourceModal = function createDatas
           dataProvider: dataProvider
         }
       }
-    }, /*#__PURE__*/_react.default.createElement(_datasourceExperienceId.DatasourceExperienceIdProvider, null, /*#__PURE__*/_react.default.createElement(_userInteractions.UserInteractionsProvider, null, /*#__PURE__*/_react.default.createElement(_datasourceContext.DatasourceContextProvider, {
+    }, /*#__PURE__*/_react.default.createElement(_datasourceExperienceIdProvider.DatasourceExperienceIdProvider, null, /*#__PURE__*/_react.default.createElement(_userInteractionsProvider.UserInteractionsProvider, null, /*#__PURE__*/_react.default.createElement(_DatasourceContextProvider.DatasourceContextProvider, {
       datasourceId: datasourceId,
       initialVisibleColumnKeys: visibleColumnKeys,
       initialColumnCustomSizes: columnCustomSizes,
@@ -41,7 +41,7 @@ var createDatasourceModal = exports.createDatasourceModal = function createDatas
       initialParameters: parameters,
       isValidParameters: isValidParameters,
       onInsert: onInsert
-    }, /*#__PURE__*/_react.default.createElement(_useViewModeContext.DatasourceViewModeProvider, {
+    }, /*#__PURE__*/_react.default.createElement(_DatasourceViewModeProvider.DatasourceViewModeProvider, {
       viewMode: viewMode !== null && viewMode !== void 0 ? viewMode : DEFAULT_VIEW_MODE,
       disableDisplayDropdown: disableDisplayDropdown || false
     }, /*#__PURE__*/_react.default.createElement(ModalContent, props))))));

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

@@ -10,12 +10,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _types = require("../../../../analytics/types");
-var _userInteractions = require("../../../../contexts/user-interactions");
-var _issueLikeTable = require("../../../issue-like-table");
-var _datasourceContext = require("../datasource-context");
+var _useUserInteractions = require("../../../../contexts/user-interactions/use-user-interactions");
+var _issueLikeDataTableView = require("../../../issue-like-table/issue-like-data-table-view");
+var _useDatasourceContext4 = require("../datasource-context/useDatasourceContext");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Table = function Table(props) {
-  var _useDatasourceContext = (0, _datasourceContext.useDatasourceContext)(),
+  var _useDatasourceContext = (0, _useDatasourceContext4.useDatasourceContext)(),
     columnCustomSizes = _useDatasourceContext.columnCustomSizes,
     onColumnResize = _useDatasourceContext.onColumnResize,
     wrappedColumnKeys = _useDatasourceContext.wrappedColumnKeys,
@@ -34,13 +34,13 @@ var Table = function Table(props) {
     loadDatasourceDetails = _useDatasourceContext2.loadDatasourceDetails,
     _useDatasourceContext3 = _useDatasourceContext2.extensionKey,
     extensionKey = _useDatasourceContext3 === void 0 ? null : _useDatasourceContext3;
-  var userInteractions = (0, _userInteractions.useUserInteractions)();
+  var userInteractions = (0, _useUserInteractions.useUserInteractions)();
   var handleOnNextPage = (0, _react.useCallback)(function () {
     var onNextPageProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     userInteractions.add(_types.DatasourceAction.NEXT_PAGE_SCROLLED);
     onNextPage(onNextPageProps);
   }, [onNextPage, userInteractions]);
-  return /*#__PURE__*/_react.default.createElement(_issueLikeTable.IssueLikeDataTableView, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_issueLikeDataTableView.IssueLikeDataTableView, (0, _extends2.default)({}, props, {
     status: status,
     columns: columns,
     items: responseItems,

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useColumnVisibility = void 0;
 var _react = require("react");
-var _userInteractions = require("../../../../../contexts/user-interactions");
-var _utils = require("../../../../issue-like-table/utils");
+var _useUserInteractions = require("../../../../../contexts/user-interactions/use-user-interactions");
+var _getColumnAction = require("../../../../issue-like-table/get-column-action");
 var useColumnVisibility = exports.useColumnVisibility = function useColumnVisibility(_ref) {
   var visibleColumnKeys = _ref.visibleColumnKeys,
     setVisibleColumnKeys = _ref.setVisibleColumnKeys,
     defaultVisibleColumnKeys = _ref.defaultVisibleColumnKeys,
     initialVisibleColumnKeys = _ref.initialVisibleColumnKeys;
-  var userInteractions = (0, _userInteractions.useUserInteractions)();
+  var userInteractions = (0, _useUserInteractions.useUserInteractions)();
   var visibleColumnCount = (0, _react.useRef)((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
   (0, _react.useEffect)(function () {
     var newVisibleColumnKeys = !initialVisibleColumnKeys || (initialVisibleColumnKeys || []).length === 0 ? defaultVisibleColumnKeys : initialVisibleColumnKeys;
@@ -21,7 +21,7 @@ var useColumnVisibility = exports.useColumnVisibility = function useColumnVisibi
   }, [initialVisibleColumnKeys, setVisibleColumnKeys, defaultVisibleColumnKeys]);
   var onVisibleColumnKeysChange = (0, _react.useCallback)(function () {
     var newVisibleColumnKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var columnAction = (0, _utils.getColumnAction)(visibleColumnKeys || [], newVisibleColumnKeys);
+    var columnAction = (0, _getColumnAction.getColumnAction)(visibleColumnKeys || [], newVisibleColumnKeys);
     userInteractions.add(columnAction);
     visibleColumnCount.current = newVisibleColumnKeys.length;
     setVisibleColumnKeys(newVisibleColumnKeys);

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

@@ -9,11 +9,11 @@ exports.InsertButton = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-var _analytics = require("../../../../analytics");
+var _constants = require("../../../../analytics/constants");
 var _types = require("../../../../analytics/types");
 var _schemaUtils = require("../../../../common/utils/schema-utils");
-var _userInteractions = require("../../../../contexts/user-interactions");
-var _datasourceContext = require("../datasource-context");
+var _useUserInteractions = require("../../../../contexts/user-interactions/use-user-interactions");
+var _useDatasourceContext3 = require("../datasource-context/useDatasourceContext");
 var _useViewModeContext2 = require("../mode-switcher/useViewModeContext");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -25,7 +25,7 @@ var InsertButton = exports.InsertButton = function InsertButton(_ref) {
     children = _ref.children,
     onBeforeInsert = _ref.onBeforeInsert,
     hasErrors = _ref.hasErrors;
-  var _useDatasourceContext = (0, _datasourceContext.useDatasourceContext)(),
+  var _useDatasourceContext = (0, _useDatasourceContext3.useDatasourceContext)(),
     datasourceId = _useDatasourceContext.datasourceId,
     parameters = _useDatasourceContext.parameters,
     _useDatasourceContext2 = _useDatasourceContext.tableState,
@@ -37,7 +37,7 @@ var InsertButton = exports.InsertButton = function InsertButton(_ref) {
     columnCustomSizes = _useDatasourceContext.columnCustomSizes,
     wrappedColumnKeys = _useDatasourceContext.wrappedColumnKeys,
     onInsert = _useDatasourceContext.onInsert;
-  var userInteractions = (0, _userInteractions.useUserInteractions)();
+  var userInteractions = (0, _useUserInteractions.useUserInteractions)();
   var _useViewModeContext = (0, _useViewModeContext2.useViewModeContext)(),
     currentViewMode = _useViewModeContext.currentViewMode;
   var isInsertDisabled = hasErrors || !isValidParameters(parameters) || status === 'rejected' || status === 'unauthorized' || status === 'loading';
@@ -59,7 +59,7 @@ var InsertButton = exports.InsertButton = function InsertButton(_ref) {
       eventType: 'ui'
     });
     var consumerEvent = (_insertButtonClickedE = insertButtonClickedEvent.clone()) !== null && _insertButtonClickedE !== void 0 ? _insertButtonClickedE : undefined;
-    insertButtonClickedEvent.fire(_analytics.EVENT_CHANNEL);
+    insertButtonClickedEvent.fire(_constants.EVENT_CHANNEL);
     if (currentViewMode === 'inline') {
       onInsert({
         type: 'inlineCard',

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

@@ -0,0 +1,33 @@
+/* DatasourceViewModeDropDown.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatasourceViewModeDropDown = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _types = require("../../../../analytics/types");
+var _useUserInteractions = require("../../../../contexts/user-interactions/use-user-interactions");
+var _displayViewDropDown = require("../display-view-dropdown/display-view-drop-down");
+var _useViewModeContext2 = require("./useViewModeContext");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var DatasourceViewModeDropDown = exports.DatasourceViewModeDropDown = function DatasourceViewModeDropDown() {
+  var userInteractions = (0, _useUserInteractions.useUserInteractions)();
+  var _useViewModeContext = (0, _useViewModeContext2.useViewModeContext)(),
+    currentViewMode = _useViewModeContext.currentViewMode,
+    setCurrentViewMode = _useViewModeContext.setCurrentViewMode,
+    disableDisplayDropdown = _useViewModeContext.disableDisplayDropdown;
+  if (disableDisplayDropdown) {
+    return null;
+  }
+  var handleViewModeChange = function handleViewModeChange(selectedMode) {
+    userInteractions.add(_types.DatasourceAction.DISPLAY_VIEW_CHANGED);
+    setCurrentViewMode(selectedMode);
+  };
+  return /*#__PURE__*/React.createElement(_displayViewDropDown.DisplayViewDropDown, {
+    onViewModeChange: handleViewModeChange,
+    viewMode: currentViewMode
+  });
+};

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatasourceViewModeProvider = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _useViewModeContext = require("./useViewModeContext");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var DatasourceViewModeProvider = exports.DatasourceViewModeProvider = function DatasourceViewModeProvider(_ref) {
+  var initialViewMode = _ref.viewMode,
+    disableDisplayDropdown = _ref.disableDisplayDropdown,
+    children = _ref.children;
+  var _useState = (0, _react.useState)(initialViewMode),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentViewMode = _useState2[0],
+    setCurrentViewMode = _useState2[1];
+  var value = (0, _react.useMemo)(function () {
+    return {
+      currentViewMode: currentViewMode,
+      setCurrentViewMode: setCurrentViewMode,
+      disableDisplayDropdown: disableDisplayDropdown
+    };
+  }, [currentViewMode, setCurrentViewMode, disableDisplayDropdown]);
+  return /*#__PURE__*/_react.default.createElement(_useViewModeContext.ViewModeContext.Provider, {
+    value: value
+  }, children);
+};

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

@@ -1,21 +1,17 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* ModeSwitcher.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ModeSwitcher = exports.DatasourceViewModeDropDown = void 0;
-require("./index.compiled.css");
+exports.ModeSwitcher = void 0;
+require("./ModeSwitcher.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
-var _types = require("../../../../analytics/types");
-var _userInteractions = require("../../../../contexts/user-interactions");
-var _displayViewDropDown = require("../display-view-dropdown/display-view-drop-down");
-var _useViewModeContext2 = require("./useViewModeContext");
 var modeSwitcherStyles = null;
 var compactModeSwitcherStyles = null;
 var modeFocusStyles = null;
@@ -64,22 +60,4 @@ var ModeSwitcher = exports.ModeSwitcher = function ModeSwitcher(props) {
       })));
     });
   })) : null;
-};
-var DatasourceViewModeDropDown = exports.DatasourceViewModeDropDown = function DatasourceViewModeDropDown() {
-  var userInteractions = (0, _userInteractions.useUserInteractions)();
-  var _useViewModeContext = (0, _useViewModeContext2.useViewModeContext)(),
-    currentViewMode = _useViewModeContext.currentViewMode,
-    setCurrentViewMode = _useViewModeContext.setCurrentViewMode,
-    disableDisplayDropdown = _useViewModeContext.disableDisplayDropdown;
-  if (disableDisplayDropdown) {
-    return null;
-  }
-  var handleViewModeChange = function handleViewModeChange(selectedMode) {
-    userInteractions.add(_types.DatasourceAction.DISPLAY_VIEW_CHANGED);
-    setCurrentViewMode(selectedMode);
-  };
-  return /*#__PURE__*/_react.default.createElement(_displayViewDropDown.DisplayViewDropDown, {
-    onViewModeChange: handleViewModeChange,
-    viewMode: currentViewMode
-  });
 };

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

@@ -1,34 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useViewModeContext = exports.DatasourceViewModeProvider = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var ViewModeContext = /*#__PURE__*/(0, _react.createContext)(null);
-var DatasourceViewModeProvider = exports.DatasourceViewModeProvider = function DatasourceViewModeProvider(_ref) {
-  var initialViewMode = _ref.viewMode,
-    disableDisplayDropdown = _ref.disableDisplayDropdown,
-    children = _ref.children;
-  var _useState = (0, _react.useState)(initialViewMode),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    currentViewMode = _useState2[0],
-    setCurrentViewMode = _useState2[1];
-  var value = (0, _react.useMemo)(function () {
-    return {
-      currentViewMode: currentViewMode,
-      setCurrentViewMode: setCurrentViewMode,
-      disableDisplayDropdown: disableDisplayDropdown
-    };
-  }, [currentViewMode, setCurrentViewMode, disableDisplayDropdown]);
-  return /*#__PURE__*/_react.default.createElement(ViewModeContext.Provider, {
-    value: value
-  }, children);
-};
+exports.useViewModeContext = exports.ViewModeContext = void 0;
+var _react = require("react");
+var ViewModeContext = exports.ViewModeContext = /*#__PURE__*/(0, _react.createContext)(null);
 var useViewModeContext = exports.useViewModeContext = function useViewModeContext() {
   var value = (0, _react.useContext)(ViewModeContext);
   if (!value) {

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

@@ -0,0 +1,39 @@
+/* CustomControl.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomControl = void 0;
+require("./CustomControl.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _components = require("@atlaskit/react-select/components");
+var _excluded = ["children"];
+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"
+};
+var CustomControl = exports.CustomControl = function CustomControl(_ref) {
+  var children = _ref.children,
+    innerProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: popupCustomControlStyles.container
+  }, /*#__PURE__*/_react.default.createElement(_components.components.Control, (0, _extends2.default)({}, innerProps, {
+    getStyles: getPopupCustomControlStyles,
+    xcss: popupCustomControlStyles.control
+  }), children));
+};

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

@@ -1,40 +1,8 @@
-/* control.tsx generated by @compiled/babel-plugin v2.0.0 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CustomControl = void 0;
-require("./control.compiled.css");
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _compiled = require("@atlaskit/primitives/compiled");
-var _components = require("@atlaskit/react-select/components");
-var _excluded = ["children"];
-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"
-};
-var CustomControl = exports.CustomControl = function CustomControl(_ref) {
-  var children = _ref.children,
-    innerProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-    xcss: popupCustomControlStyles.container
-  }, /*#__PURE__*/_react.default.createElement(_components.components.Control, (0, _extends2.default)({}, innerProps, {
-    getStyles: getPopupCustomControlStyles,
-    xcss: popupCustomControlStyles.control
-  }), children));
-};
-var _default = exports.default = CustomControl;
+exports.default = void 0;
+var _CustomControl = require("./CustomControl");
+var _default = exports.default = _CustomControl.CustomControl;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AssetsItemCount = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _messages = require("../../../table-footer/messages");
+var _ItemCountWrapper = require("./ItemCountWrapper");
+var AssetsItemCount = exports.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.default.createElement(_ItemCountWrapper.ItemCountWrapper, {
+    testId: testId,
+    url: url
+  }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedNumber, {
+    value: displayCount
+  }), countModifier, ' ', /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _messages.footerMessages.itemText, {
+    values: {
+      itemCount: searchCount
+    }
+  })));
+};

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

@@ -0,0 +1,39 @@
+/* ItemCountWrapper.tsx generated by @compiled/babel-plugin v2.0.0 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ItemCountWrapper = void 0;
+require("./ItemCountWrapper.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
+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; }
+var styles = {
+  searchCountStyles: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
+};
+var ItemCountWrapper = exports.ItemCountWrapper = function ItemCountWrapper(_ref) {
+  var url = _ref.url,
+    additionalStyles = _ref.styles,
+    children = _ref.children,
+    testId = _ref.testId;
+  return /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    testId: testId,
+    xcss: styles.searchCountStyles,
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_linkUrl.default, {
+    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));
+};