@atlaskit/link-datasource 2.5.5 → 2.5.7

package/dist/cjs/ui/confluence-search-modal/modal/index.js

@@ -11,7 +11,7 @@ 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 _button = _interopRequireDefault(require("@atlaskit/button"));
 var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -34,17 +34,19 @@ var _initialStateView = require("../../common/initial-state-view");
 var _cancelButton = require("../../common/modal/cancel-button");
 var _contentContainer = require("../../common/modal/content-container");
 var _countViewSmartLink = require("../../common/modal/count-view-smart-link");
+var _DatasourceContext = require("../../common/modal/datasource-context/DatasourceContext");
+var _DatasourceContextProvider = require("../../common/modal/datasource-context/DatasourceContextProvider");
 var _datasourceModal = require("../../common/modal/datasource-modal");
 var _displayViewDropDown = require("../../common/modal/display-view-dropdown/display-view-drop-down");
 var _searchCount = _interopRequireDefault(require("../../common/modal/search-count"));
 var _siteSelector = require("../../common/modal/site-selector");
+var _datasourcesTableInModalPreview = _interopRequireDefault(require("../../datasources-table-in-modal-preview"));
 var _issueLikeTable = require("../../issue-like-table");
-var _useColumnResize2 = require("../../issue-like-table/use-column-resize");
-var _useColumnWrapping2 = require("../../issue-like-table/use-column-wrapping");
 var _utils = require("../../issue-like-table/utils");
 var _confluenceSearchContainer = _interopRequireDefault(require("../confluence-search-container"));
 var _confluenceSearchInitialStateSvg = require("./confluence-search-initial-state-svg");
 var _messages = require("./messages");
+var _ModalOld = require("./ModalOld");
 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; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var inputContainerStyles = (0, _primitives.xcss)({
@@ -54,8 +56,6 @@ var inputContainerStyles = (0, _primitives.xcss)({
 });
 var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
   var datasourceId = props.datasourceId,
-    initialColumnCustomSizes = props.columnCustomSizes,
-    initialWrappedColumnKeys = props.wrappedColumnKeys,
     onCancel = props.onCancel,
     onInsert = props.onInsert,
     _props$viewMode = props.viewMode,
@@ -178,12 +178,6 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     setVisibleColumnKeys(newVisibleColumnKeys);
   }, [initialVisibleColumnKeys, defaultVisibleColumnKeys]);
   var siteSelectorLabel = availableSites && availableSites.length > 1 ? _messages.confluenceSearchModalMessages.insertIssuesTitleManySites : _messages.confluenceSearchModalMessages.insertIssuesTitle;
-  var _useColumnResize = (0, _useColumnResize2.useColumnResize)(initialColumnCustomSizes),
-    columnCustomSizes = _useColumnResize.columnCustomSizes,
-    onColumnResize = _useColumnResize.onColumnResize;
-  var _useColumnWrapping = (0, _useColumnWrapping2.useColumnWrapping)(initialWrappedColumnKeys),
-    wrappedColumnKeys = _useColumnWrapping.wrappedColumnKeys,
-    onWrappedColumnChange = _useColumnWrapping.onWrappedColumnChange;
 
   // TODO: common functionality of all modals refactor in EDM-9573
   var handleVisibleColumnKeysChange = (0, _react.useCallback)(function () {
@@ -193,13 +187,10 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     visibleColumnCount.current = newVisibleColumnKeys.length;
     setVisibleColumnKeys(newVisibleColumnKeys);
   }, [visibleColumnKeys, userInteractions]);
-
-  // TODO: further refactoring in EDM-9573
-  // https://stash.atlassian.com/projects/ATLASSIAN/repos/atlassian-frontend-monorepo/pull-requests/82725/overview?commentId=6798258
   var confluenceSearchTable = (0, _react.useMemo)(function () {
     return (0, _react2.jsx)(_contentContainer.ContentContainer, {
       withTableBorder: true
-    }, (0, _react2.jsx)(_issueLikeTable.IssueLikeDataTableView, {
+    }, (0, _react2.jsx)(_datasourcesTableInModalPreview.default, {
       testId: "confluence-search-datasource-table",
       status: status,
       columns: columns,
@@ -209,13 +200,9 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
       onNextPage: onNextPage,
       onLoadDatasourceDetails: loadDatasourceDetails,
       onVisibleColumnKeysChange: handleVisibleColumnKeysChange,
-      extensionKey: extensionKey,
-      columnCustomSizes: columnCustomSizes,
-      onColumnResize: onColumnResize,
-      wrappedColumnKeys: wrappedColumnKeys,
-      onWrappedColumnChange: (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.datasource-word_wrap') ? onWrappedColumnChange : undefined
+      extensionKey: extensionKey
     }));
-  }, [status, columns, responseItems, hasNextPage, visibleColumnKeys, defaultVisibleColumnKeys, onNextPage, loadDatasourceDetails, handleVisibleColumnKeysChange, extensionKey, columnCustomSizes, onColumnResize, wrappedColumnKeys, onWrappedColumnChange]);
+  }, [status, columns, responseItems, hasNextPage, visibleColumnKeys, defaultVisibleColumnKeys, onNextPage, loadDatasourceDetails, handleVisibleColumnKeysChange, extensionKey]);
   var resolvedWithNoResults = status === 'resolved' && !responseItems.length;
   var hasConfluenceSearchParams = selectedConfluenceSite && searchString;
   var selectedConfluenceSiteUrl = selectedConfluenceSite === null || selectedConfluenceSite === void 0 ? void 0 : selectedConfluenceSite.url;
@@ -317,6 +304,9 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     }
   }, [confluenceSearchUrl, selectedConfluenceSiteUrl, status, urlBeingEdited]);
   var shouldShowResultsCount = !!totalCount && currentViewMode === 'table';
+  var _useDatasourceContext = (0, _DatasourceContext.useDatasourceContext)(),
+    columnCustomSizes = _useDatasourceContext.columnCustomSizes,
+    wrappedColumnKeys = _useDatasourceContext.wrappedColumnKeys;
   var onInsertPressed = (0, _react.useCallback)(function (e, analyticsEvent) {
     var _insertButtonClickedE;
     if (!isParametersSet || !cloudId || !confluenceSearchUrl) {
@@ -445,7 +435,7 @@ var PlainConfluenceSearchConfigModal = exports.PlainConfluenceSearchConfigModal
     onCancel: onCancel,
     getAnalyticsPayload: getCancelButtonAnalyticsPayload,
     testId: "confluence-search-modal--cancel-button"
-  }), !hasNoConfluenceSites && (0, _react2.jsx)(_standardButton.default, {
+  }), !hasNoConfluenceSites && (0, _react2.jsx)(_button.default, {
     appearance: "primary",
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,
@@ -462,5 +452,10 @@ var contextData = _objectSpread(_objectSpread({}, analyticsContextData), {}, {
   attributes: _objectSpread({}, analyticsContextAttributes)
 });
 var ConfluenceSearchConfigModal = exports.ConfluenceSearchConfigModal = (0, _analyticsNext.withAnalyticsContext)(contextData)(function (props) {
-  return (0, _react2.jsx)(_datasourceExperienceId.DatasourceExperienceIdProvider, null, (0, _react2.jsx)(_userInteractions.UserInteractionsProvider, null, (0, _react2.jsx)(PlainConfluenceSearchConfigModal, props)));
+  return (0, _react2.jsx)(_datasourceExperienceId.DatasourceExperienceIdProvider, null, (0, _react2.jsx)(_userInteractions.UserInteractionsProvider, null, (0, _platformFeatureFlags.fg)('platform.linking-platform.datasources.use-refactored-config-modal') ? (0, _react2.jsx)(_DatasourceContextProvider.DatasourceContextProvider, {
+    initialColumnCustomSizes: props.columnCustomSizes,
+    initialWrappedColumnKeys: props.wrappedColumnKeys
+  }, (0, _react2.jsx)(PlainConfluenceSearchConfigModal, props)) :
+  // TODO on cleanup 'use-refactored-config-modal' ff, delete `ModalOld.tsx` as well
+  (0, _react2.jsx)(_ModalOld.PlainConfluenceSearchConfigModal, props)));
 });

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _DatasourceContext = require("../common/modal/datasource-context/DatasourceContext");
+var _issueLikeTable = require("../issue-like-table");
+var Table = function Table(props) {
+  var _useDatasourceContext = (0, _DatasourceContext.useDatasourceContext)(),
+    columnCustomSizes = _useDatasourceContext.columnCustomSizes,
+    onColumnResize = _useDatasourceContext.onColumnResize,
+    wrappedColumnKeys = _useDatasourceContext.wrappedColumnKeys,
+    onWrappedColumnChange = _useDatasourceContext.onWrappedColumnChange;
+  return /*#__PURE__*/_react.default.createElement(_issueLikeTable.IssueLikeDataTableView, (0, _extends2.default)({}, props, {
+    columnCustomSizes: columnCustomSizes,
+    onColumnResize: onColumnResize,
+    wrappedColumnKeys: wrappedColumnKeys,
+    onWrappedColumnChange: (0, _platformFeatureFlags.fg)('platform.linking-platform.datasource-word_wrap') ? onWrappedColumnChange : undefined
+  }));
+};
+var _default = exports.default = Table;

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,13 +13,16 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _refresh = _interopRequireDefault(require("@atlaskit/icon/glyph/refresh"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _assetsModal = require("../assets-modal");
-var _searchCount = _interopRequireDefault(require("../common/modal/search-count"));
+var _searchCount = _interopRequireWildcard(require("../common/modal/search-count"));
 var _messages = require("./messages");
 var _poweredByJsmAssets = require("./powered-by-jsm-assets");
 var _syncInfo = require("./sync-info");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -78,7 +82,11 @@ var TableFooter = exports.TableFooter = function TableFooter(_ref) {
   // ensure correct positioning since 'justify-content: space-between' is used).
   return onRefresh || showItemCount ? (0, _react2.jsx)(FooterWrapper, {
     "data-testid": "table-footer"
-  }, (0, _react2.jsx)(TopBorderWrapper, null, showItemCount && (0, _react2.jsx)(_primitives.Flex, null, (0, _react2.jsx)(_searchCount.default, {
+  }, (0, _react2.jsx)(TopBorderWrapper, null, showItemCount && (0, _react2.jsx)(_primitives.Flex, null, datasourceId === _assetsModal.ASSETS_LIST_OF_LINKS_DATASOURCE_ID && (0, _platformFeatureFlags.fg)('platform.linking-platform.datasource.limit-total-results_8wqcd') ? (0, _react2.jsx)(_searchCount.AssetsItemCount, {
+    searchCount: itemCount,
+    url: url,
+    testId: "item-count"
+  }) : (0, _react2.jsx)(_searchCount.default, {
     searchCount: itemCount,
     url: url,
     prefixTextType: "item",

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

@@ -0,0 +1,9 @@
+import React, { useContext } from 'react';
+export const DatasourceContext = /*#__PURE__*/React.createContext(null);
+export const useDatasourceContext = () => {
+  const value = useContext(DatasourceContext);
+  if (!value) {
+    throw new Error('useDatasourceStore must be used within DatasourceContextProvider');
+  }
+  return value;
+};

package/dist/es2019/ui/common/modal/datasource-context/DatasourceContextProvider.js

@@ -0,0 +1,27 @@
+import React, { useMemo } from 'react';
+import { useColumnResize } from '../../../issue-like-table/use-column-resize';
+import { useColumnWrapping } from '../../../issue-like-table/use-column-wrapping';
+import { DatasourceContext } from './DatasourceContext';
+export const DatasourceContextProvider = ({
+  children,
+  initialColumnCustomSizes,
+  initialWrappedColumnKeys
+}) => {
+  const {
+    columnCustomSizes,
+    onColumnResize
+  } = useColumnResize(initialColumnCustomSizes);
+  const {
+    wrappedColumnKeys,
+    onWrappedColumnChange
+  } = useColumnWrapping(initialWrappedColumnKeys);
+  const contextValue = useMemo(() => ({
+    columnCustomSizes,
+    onColumnResize,
+    wrappedColumnKeys,
+    onWrappedColumnChange
+  }), [columnCustomSizes, onColumnResize, onWrappedColumnChange, wrappedColumnKeys]);
+  return /*#__PURE__*/React.createElement(DatasourceContext.Provider, {
+    value: contextValue
+  }, children);
+};

package/dist/es2019/ui/common/modal/search-count/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { FormattedMessage, FormattedNumber } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Flex, xcss } from '@atlaskit/primitives';
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { N800 } from '@atlaskit/theme/colors';
@@ -13,6 +13,38 @@ import { searchCountMessages } from './messages';
 const searchCountStyles = xcss({
   flex: 1
 });
+export const AssetsItemCount = ({
+  searchCount,
+  url,
+  testId
+}) => {
+  let capCount = searchCount >= 1000;
+  let displayCount = capCount ? 1000 : searchCount;
+  let countModifier = capCount ? '+' : '';
+  return /*#__PURE__*/React.createElement(Flex, {
+    testId: testId,
+    xcss: searchCountStyles,
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(LinkUrl, {
+    href: url,
+    target: "_blank",
+    testId: "item-count-url"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: {
+      color: `var(--ds-text-accent-gray, ${N800})`,
+      textDecoration: !url ? 'none' : ''
+    }
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: "h200"
+  }, /*#__PURE__*/React.createElement(FormattedNumber, {
+    value: displayCount
+  }), countModifier, ' ', /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, footerMessages.itemText, {
+    values: {
+      itemCount: searchCount
+    }
+  })))));
+};
 const TableSearchCount = ({
   url,
   searchCount,
@@ -35,7 +67,7 @@ const TableSearchCount = ({
     }
   }, /*#__PURE__*/React.createElement(Heading, {
     level: "h200"
-  }, getBooleanFF('platform.linking-platform.datasource.total-count-i18n-single-key') ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, searchCountMessages[`${prefixTextType}CountText`], {
+  }, fg('platform.linking-platform.datasource.total-count-i18n-single-key') ? /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, searchCountMessages[`${prefixTextType}CountText`], {
     values: {
       searchCount
     }