@atlaskit/link-datasource 1.19.23 → 1.19.25

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/link-datasource
 
+## 1.19.25
+
+### Patch Changes
+
+- [#59956](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59956) [`df18ff69a316`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/df18ff69a316) - Fix issue where assignee total count was wrong when clicking on show more button.
+- [#59897](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59897) [`48e22f03d838`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/48e22f03d838) - Converted spacing values to corresponding space tokens
+
+## 1.19.24
+
+### Patch Changes
+
+- [#57192](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57192) [`cb7776f514cb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb7776f514cb) - Fix issue like table and assets editor plugin card not translated issue
+
 ## 1.19.23
 
 ### Patch Changes

package/dist/cjs/analytics/constants.js

@@ -7,5 +7,5 @@ exports.packageMetaData = exports.EVENT_CHANNEL = void 0;
 var EVENT_CHANNEL = exports.EVENT_CHANNEL = 'media';
 var packageMetaData = exports.packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.23"
+  packageVersion: "1.19.25"
 };

package/dist/cjs/ui/assets-modal/search-container/aql-search-input/index.js

@@ -87,7 +87,7 @@ var AqlSearchInput = exports.AqlSearchInput = function AqlSearchInput(_ref) {
     return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
       elemBeforeInput: (0, _react2.jsx)("span", {
         style: {
-          paddingLeft: 6,
+          paddingLeft: "var(--ds-space-075, 6px)",
           width: 24
         }
       }, renderValidatorIcon(lastValidationResult)),

package/dist/cjs/ui/datasource-table-view/datasourceTableView.js

@@ -9,12 +9,15 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _uuid = require("uuid");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
 var _analytics = require("../../analytics");
 var _constants = require("../../analytics/constants");
 var _ufoExperiences = require("../../analytics/ufoExperiences");
 var _useColumnPickerRenderedFailedUfoExperience = require("../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience");
 var _useDataRenderedUfoExperience = require("../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience");
+var _fetchMessagesForLocale = require("../../common/utils/locale/fetch-messages-for-locale");
 var _useDatasourceTableState = require("../../hooks/useDatasourceTableState");
+var _en = _interopRequireDefault(require("../../i18n/en"));
 var _styled = require("../../ui/issue-like-table/styled");
 var _accessRequired = require("../common/error-state/access-required");
 var _loadingError = require("../common/error-state/loading-error");
@@ -128,35 +131,35 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
       onRefresh: reset
     });
   }
-  return (
-    // datasource-table classname is to exclude all children from being commentable - exclude list is in CFE
-    (0, _react2.jsx)("div", {
-      css: containerStyles,
-      className: "datasource-table"
-    }, hasColumns ? (0, _react2.jsx)(_issueLikeTable.IssueLikeDataTableView, {
-      testId: 'datasource-table-view',
-      hasNextPage: hasNextPage,
-      items: responseItems,
-      onNextPage: onNextPage,
-      onLoadDatasourceDetails: loadDatasourceDetails,
-      status: status,
-      columns: columns,
-      visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
-      onVisibleColumnKeysChange: onVisibleColumnKeysChange,
-      columnCustomSizes: columnCustomSizes,
-      onColumnResize: onColumnResize,
-      scrollableContainerHeight: _styled.ScrollableContainerHeight,
-      parentContainerRenderInstanceId: tableRenderInstanceId,
-      extensionKey: extensionKey
-    }) : (0, _react2.jsx)(_emptyState.default, {
-      testId: "datasource-table-view-skeleton",
-      isCompact: true
-    }), (0, _react2.jsx)(_tableFooter.TableFooter, {
-      itemCount: isDataReady ? totalCount : undefined,
-      onRefresh: forcedReset,
-      isLoading: !isDataReady || status === 'loading',
-      url: url
-    }))
-  );
+  return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+    defaultMessages: _en.default,
+    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
+  }, (0, _react2.jsx)("div", {
+    css: containerStyles,
+    className: "datasource-table"
+  }, hasColumns ? (0, _react2.jsx)(_issueLikeTable.IssueLikeDataTableView, {
+    testId: 'datasource-table-view',
+    hasNextPage: hasNextPage,
+    items: responseItems,
+    onNextPage: onNextPage,
+    onLoadDatasourceDetails: loadDatasourceDetails,
+    status: status,
+    columns: columns,
+    visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
+    onVisibleColumnKeysChange: onVisibleColumnKeysChange,
+    columnCustomSizes: columnCustomSizes,
+    onColumnResize: onColumnResize,
+    scrollableContainerHeight: _styled.ScrollableContainerHeight,
+    parentContainerRenderInstanceId: tableRenderInstanceId,
+    extensionKey: extensionKey
+  }) : (0, _react2.jsx)(_emptyState.default, {
+    testId: "datasource-table-view-skeleton",
+    isCompact: true
+  }), (0, _react2.jsx)(_tableFooter.TableFooter, {
+    itemCount: isDataReady ? totalCount : undefined,
+    onRefresh: forcedReset,
+    isLoading: !isDataReady || status === 'loading',
+    url: url
+  })));
 };
 var DatasourceTableView = exports.DatasourceTableView = (0, _analyticsNext.withAnalyticsContext)(_constants.packageMetaData)(DatasourceTableViewWithoutAnalytics);

package/dist/cjs/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -77,9 +77,9 @@ var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref
           return _context.abrupt("return");
         case 3:
           isNewSearch = !pageCursor;
-          isNewSearch ? setStatus('loading') : setStatus('loadingMore');
           isRequestLikeInitialSearch = !pageCursor && !searchString;
           initialResponseData = initialData.current;
+          isNewSearch ? setStatus('loading') : setStatus('loadingMore');
           _context.prev = 7;
           if (!(isRequestLikeInitialSearch && initialResponseData)) {
             _context.next = 12;
@@ -113,6 +113,13 @@ var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref
             siteUrl: siteUrl
           }));
           mappedTotalCount = (0, _transformers.mapFieldValuesToTotalCount)(response);
+          /**
+           * For assignee filter option, we want `Unassigned` as an option.
+           * Since we add it manually, we also need to update the total count by +1
+           */
+          if (filterType === 'assignee' && !searchString) {
+            mappedTotalCount += 1;
+          }
           if (isNewSearch) {
             if (isRequestLikeInitialSearch) {
               /**
@@ -127,7 +134,6 @@ var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref
                */
               if (filterType === 'assignee') {
                 mappedResponse.unshift(getAssigneeUnassignedFilterOption(formatMessage));
-                mappedTotalCount += 1;
               }
             }
             setFilterOptions(mappedResponse);
@@ -137,18 +143,18 @@ var useFilterOptions = exports.useFilterOptions = function useFilterOptions(_ref
           setTotalCount(mappedTotalCount);
           setNextPageCursor((0, _transformers.mapFieldValuesToPageCursor)(response));
           setStatus('resolved');
-          _context.next = 32;
+          _context.next = 33;
           break;
-        case 28:
-          _context.prev = 28;
+        case 29:
+          _context.prev = 29;
           _context.t1 = _context["catch"](7);
           setStatus('rejected');
           setErrors([_context.t1]);
-        case 32:
+        case 33:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[7, 28]]);
+    }, _callee, null, [[7, 29]]);
   })), [cloudId, filterOptions, filterType, formatMessage, getFieldValues, siteUrl]);
   (0, _react.useEffect)(function () {
     if (status !== 'rejected' && errors.length !== 0) {

package/dist/cjs/ui/jira-issues-modal/initial-state-view/messages.js

@@ -17,12 +17,12 @@ var initialStateViewMessages = exports.initialStateViewMessages = (0, _reactIntl
     defaultMessage: 'Beta'
   },
   searchDescriptionForBasicSearch: {
-    id: 'linkDataSource.modal-initial-state.searchDescription',
+    id: 'linkDataSource.modal-initial-state.searchDescription-basic',
     description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
     defaultMessage: 'Search by keyword for issues to insert.'
   },
   searchDescriptionForJQLSearch: {
-    id: 'linkDataSource.modal-initial-state.searchDescription',
+    id: 'linkDataSource.modal-initial-state.searchDescription-jql',
     description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
     defaultMessage: 'Use JQL (Jira Query Language) to search for issues.'
   },

package/dist/cjs/ui/jira-issues-modal/modal/index.js

@@ -18,6 +18,7 @@ var _reactIntlNext = require("react-intl-next");
 var _uuid = require("uuid");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
+var _intlMessagesProvider = require("@atlaskit/intl-messages-provider");
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _linkUrl = _interopRequireDefault(require("@atlaskit/smart-card/link-url"));
@@ -29,7 +30,9 @@ var _ufoExperiences = require("../../../analytics/ufoExperiences");
 var _useColumnPickerRenderedFailedUfoExperience = require("../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience");
 var _useDataRenderedUfoExperience = require("../../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience");
 var _utils = require("../../../analytics/utils");
+var _fetchMessagesForLocale = require("../../../common/utils/locale/fetch-messages-for-locale");
 var _useDatasourceTableState = require("../../../hooks/useDatasourceTableState");
+var _en = _interopRequireDefault(require("../../../i18n/en"));
 var _getAvailableJiraSites = require("../../../services/getAvailableJiraSites");
 var _accessRequired = require("../../common/error-state/access-required");
 var _modalLoadingError = require("../../common/error-state/modal-loading-error");
@@ -76,7 +79,7 @@ var placeholderSmartLinkStyles = (0, _react2.css)({
   borderRadius: '3px',
   boxShadow: '0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31)',
   color: "var(--ds-text-brand, ".concat(_colors.B400, ")"),
-  padding: '0px 2px'
+  padding: "0px ".concat("var(--ds-space-025, 2px)")
 });
 var issueCountStyles = (0, _react2.css)({
   flex: 1,
@@ -540,7 +543,10 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     }
     return issueLikeDataTableView;
   }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, responseItems.length, retrieveUrlForSmartCardRender, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
-  return (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_modalDialog.default, {
+  return (0, _react2.jsx)(_intlMessagesProvider.IntlMessagesProvider, {
+    defaultMessages: _en.default,
+    loaderFn: _fetchMessagesForLocale.fetchMessagesForLocale
+  }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, (0, _react2.jsx)(_modalDialog.default, {
     testId: "jira-jql-datasource-modal",
     onClose: onCancel,
     width: "calc(100% - 80px)",
@@ -596,7 +602,7 @@ var PlainJiraIssuesConfigModal = exports.PlainJiraIssuesConfigModal = function P
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,
     testId: "jira-jql-datasource-modal--insert-button"
-  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesButtonText)))));
+  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.modalMessages.insertIssuesButtonText))))));
 };
 var analyticsContextAttributes = {
   dataProvider: 'jira-issues'

package/dist/es2019/analytics/constants.js

@@ -1,5 +1,5 @@
 export const EVENT_CHANNEL = 'media';
 export const packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.23"
+  packageVersion: "1.19.25"
 };

package/dist/es2019/ui/assets-modal/search-container/aql-search-input/index.js

@@ -81,7 +81,7 @@ export const AqlSearchInput = ({
   }) => jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, {
     elemBeforeInput: jsx("span", {
       style: {
-        paddingLeft: 6,
+        paddingLeft: "var(--ds-space-075, 6px)",
         width: 24
       }
     }, renderValidatorIcon(lastValidationResult)),

package/dist/es2019/ui/datasource-table-view/datasourceTableView.js

@@ -3,12 +3,15 @@ import { useCallback, useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { packageMetaData } from '../../analytics/constants';
 import { startUfoExperience } from '../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
 import { useDataRenderedUfoExperience } from '../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
+import { fetchMessagesForLocale } from '../../common/utils/locale/fetch-messages-for-locale';
 import { useDatasourceTableState } from '../../hooks/useDatasourceTableState';
+import i18nEN from '../../i18n/en';
 import { ScrollableContainerHeight } from '../../ui/issue-like-table/styled';
 import { AccessRequired } from '../common/error-state/access-required';
 import { LoadingError } from '../common/error-state/loading-error';
@@ -123,35 +126,35 @@ const DatasourceTableViewWithoutAnalytics = ({
       onRefresh: reset
     });
   }
-  return (
-    // datasource-table classname is to exclude all children from being commentable - exclude list is in CFE
-    jsx("div", {
-      css: containerStyles,
-      className: "datasource-table"
-    }, hasColumns ? jsx(IssueLikeDataTableView, {
-      testId: 'datasource-table-view',
-      hasNextPage: hasNextPage,
-      items: responseItems,
-      onNextPage: onNextPage,
-      onLoadDatasourceDetails: loadDatasourceDetails,
-      status: status,
-      columns: columns,
-      visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
-      onVisibleColumnKeysChange: onVisibleColumnKeysChange,
-      columnCustomSizes: columnCustomSizes,
-      onColumnResize: onColumnResize,
-      scrollableContainerHeight: ScrollableContainerHeight,
-      parentContainerRenderInstanceId: tableRenderInstanceId,
-      extensionKey: extensionKey
-    }) : jsx(EmptyState, {
-      testId: "datasource-table-view-skeleton",
-      isCompact: true
-    }), jsx(TableFooter, {
-      itemCount: isDataReady ? totalCount : undefined,
-      onRefresh: forcedReset,
-      isLoading: !isDataReady || status === 'loading',
-      url: url
-    }))
-  );
+  return jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx("div", {
+    css: containerStyles,
+    className: "datasource-table"
+  }, hasColumns ? jsx(IssueLikeDataTableView, {
+    testId: 'datasource-table-view',
+    hasNextPage: hasNextPage,
+    items: responseItems,
+    onNextPage: onNextPage,
+    onLoadDatasourceDetails: loadDatasourceDetails,
+    status: status,
+    columns: columns,
+    visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
+    onVisibleColumnKeysChange: onVisibleColumnKeysChange,
+    columnCustomSizes: columnCustomSizes,
+    onColumnResize: onColumnResize,
+    scrollableContainerHeight: ScrollableContainerHeight,
+    parentContainerRenderInstanceId: tableRenderInstanceId,
+    extensionKey: extensionKey
+  }) : jsx(EmptyState, {
+    testId: "datasource-table-view-skeleton",
+    isCompact: true
+  }), jsx(TableFooter, {
+    itemCount: isDataReady ? totalCount : undefined,
+    onRefresh: forcedReset,
+    isLoading: !isDataReady || status === 'loading',
+    url: url
+  })));
 };
 export const DatasourceTableView = withAnalyticsContext(packageMetaData)(DatasourceTableViewWithoutAnalytics);

package/dist/es2019/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -36,11 +36,11 @@ export const useFilterOptions = ({
       return;
     }
     const isNewSearch = !pageCursor;
-    isNewSearch ? setStatus('loading') : setStatus('loadingMore');
     const isRequestLikeInitialSearch = !pageCursor && !searchString;
     const {
       current: initialResponseData
     } = initialData;
+    isNewSearch ? setStatus('loading') : setStatus('loadingMore');
     try {
       const response = isRequestLikeInitialSearch && initialResponseData ? initialResponseData : await getFieldValues({
         cloudId,
@@ -59,6 +59,14 @@ export const useFilterOptions = ({
         siteUrl
       });
       let mappedTotalCount = mapFieldValuesToTotalCount(response);
+
+      /**
+       * For assignee filter option, we want `Unassigned` as an option.
+       * Since we add it manually, we also need to update the total count by +1
+       */
+      if (filterType === 'assignee' && !searchString) {
+        mappedTotalCount += 1;
+      }
       if (isNewSearch) {
         if (isRequestLikeInitialSearch) {
           /**
@@ -73,7 +81,6 @@ export const useFilterOptions = ({
            */
           if (filterType === 'assignee') {
             mappedResponse.unshift(getAssigneeUnassignedFilterOption(formatMessage));
-            mappedTotalCount += 1;
           }
         }
         setFilterOptions(mappedResponse);

package/dist/es2019/ui/jira-issues-modal/initial-state-view/messages.js

@@ -11,12 +11,12 @@ export const initialStateViewMessages = defineMessages({
     defaultMessage: 'Beta'
   },
   searchDescriptionForBasicSearch: {
-    id: 'linkDataSource.modal-initial-state.searchDescription',
+    id: 'linkDataSource.modal-initial-state.searchDescription-basic',
     description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
     defaultMessage: 'Search by keyword for issues to insert.'
   },
   searchDescriptionForJQLSearch: {
-    id: 'linkDataSource.modal-initial-state.searchDescription',
+    id: 'linkDataSource.modal-initial-state.searchDescription-jql',
     description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
     defaultMessage: 'Use JQL (Jira Query Language) to search for issues.'
   },

package/dist/es2019/ui/jira-issues-modal/modal/index.js

@@ -6,6 +6,7 @@ import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
 import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/standard-button';
+import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import LinkUrl from '@atlaskit/smart-card/link-url';
@@ -17,7 +18,9 @@ import { startUfoExperience } from '../../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
 import { useDataRenderedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
 import { mapSearchMethod } from '../../../analytics/utils';
+import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
+import i18nEN from '../../../i18n/en';
 import { getAvailableJiraSites } from '../../../services/getAvailableJiraSites';
 import { AccessRequired } from '../../common/error-state/access-required';
 import { ModalLoadingError } from '../../common/error-state/modal-loading-error';
@@ -60,7 +63,7 @@ const placeholderSmartLinkStyles = css({
   borderRadius: '3px',
   boxShadow: '0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31)',
   color: `var(--ds-text-brand, ${B400})`,
-  padding: '0px 2px'
+  padding: `0px ${"var(--ds-space-025, 2px)"}`
 });
 const issueCountStyles = css({
   flex: 1,
@@ -488,7 +491,10 @@ export const PlainJiraIssuesConfigModal = props => {
     }
     return issueLikeDataTableView;
   }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, responseItems.length, retrieveUrlForSmartCardRender, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
-  return jsx(ModalTransition, null, jsx(Modal, {
+  return jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(ModalTransition, null, jsx(Modal, {
     testId: "jira-jql-datasource-modal",
     onClose: onCancel,
     width: "calc(100% - 80px)",
@@ -544,7 +550,7 @@ export const PlainJiraIssuesConfigModal = props => {
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,
     testId: "jira-jql-datasource-modal--insert-button"
-  }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText)))));
+  }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText))))));
 };
 const analyticsContextAttributes = {
   dataProvider: 'jira-issues'

package/dist/esm/analytics/constants.js

@@ -1,5 +1,5 @@
 export var EVENT_CHANNEL = 'media';
 export var packageMetaData = {
   packageName: "@atlaskit/link-datasource",
-  packageVersion: "1.19.23"
+  packageVersion: "1.19.25"
 };

package/dist/esm/ui/assets-modal/search-container/aql-search-input/index.js

@@ -79,7 +79,7 @@ export var AqlSearchInput = function AqlSearchInput(_ref) {
     return jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, {
       elemBeforeInput: jsx("span", {
         style: {
-          paddingLeft: 6,
+          paddingLeft: "var(--ds-space-075, 6px)",
           width: 24
         }
       }, renderValidatorIcon(lastValidationResult)),

package/dist/esm/ui/datasource-table-view/datasourceTableView.js

@@ -3,12 +3,15 @@ import { useCallback, useEffect, useRef } from 'react';
 import { css, jsx } from '@emotion/react';
 import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
+import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { packageMetaData } from '../../analytics/constants';
 import { startUfoExperience } from '../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
 import { useDataRenderedUfoExperience } from '../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
+import { fetchMessagesForLocale } from '../../common/utils/locale/fetch-messages-for-locale';
 import { useDatasourceTableState } from '../../hooks/useDatasourceTableState';
+import i18nEN from '../../i18n/en';
 import { ScrollableContainerHeight } from '../../ui/issue-like-table/styled';
 import { AccessRequired } from '../common/error-state/access-required';
 import { LoadingError } from '../common/error-state/loading-error';
@@ -120,35 +123,35 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
       onRefresh: reset
     });
   }
-  return (
-    // datasource-table classname is to exclude all children from being commentable - exclude list is in CFE
-    jsx("div", {
-      css: containerStyles,
-      className: "datasource-table"
-    }, hasColumns ? jsx(IssueLikeDataTableView, {
-      testId: 'datasource-table-view',
-      hasNextPage: hasNextPage,
-      items: responseItems,
-      onNextPage: onNextPage,
-      onLoadDatasourceDetails: loadDatasourceDetails,
-      status: status,
-      columns: columns,
-      visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
-      onVisibleColumnKeysChange: onVisibleColumnKeysChange,
-      columnCustomSizes: columnCustomSizes,
-      onColumnResize: onColumnResize,
-      scrollableContainerHeight: ScrollableContainerHeight,
-      parentContainerRenderInstanceId: tableRenderInstanceId,
-      extensionKey: extensionKey
-    }) : jsx(EmptyState, {
-      testId: "datasource-table-view-skeleton",
-      isCompact: true
-    }), jsx(TableFooter, {
-      itemCount: isDataReady ? totalCount : undefined,
-      onRefresh: forcedReset,
-      isLoading: !isDataReady || status === 'loading',
-      url: url
-    }))
-  );
+  return jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx("div", {
+    css: containerStyles,
+    className: "datasource-table"
+  }, hasColumns ? jsx(IssueLikeDataTableView, {
+    testId: 'datasource-table-view',
+    hasNextPage: hasNextPage,
+    items: responseItems,
+    onNextPage: onNextPage,
+    onLoadDatasourceDetails: loadDatasourceDetails,
+    status: status,
+    columns: columns,
+    visibleColumnKeys: visibleColumnKeys || defaultVisibleColumnKeys,
+    onVisibleColumnKeysChange: onVisibleColumnKeysChange,
+    columnCustomSizes: columnCustomSizes,
+    onColumnResize: onColumnResize,
+    scrollableContainerHeight: ScrollableContainerHeight,
+    parentContainerRenderInstanceId: tableRenderInstanceId,
+    extensionKey: extensionKey
+  }) : jsx(EmptyState, {
+    testId: "datasource-table-view-skeleton",
+    isCompact: true
+  }), jsx(TableFooter, {
+    itemCount: isDataReady ? totalCount : undefined,
+    onRefresh: forcedReset,
+    isLoading: !isDataReady || status === 'loading',
+    url: url
+  })));
 };
 export var DatasourceTableView = withAnalyticsContext(packageMetaData)(DatasourceTableViewWithoutAnalytics);

package/dist/esm/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.js

@@ -70,9 +70,9 @@ export var useFilterOptions = function useFilterOptions(_ref) {
           return _context.abrupt("return");
         case 3:
           isNewSearch = !pageCursor;
-          isNewSearch ? setStatus('loading') : setStatus('loadingMore');
           isRequestLikeInitialSearch = !pageCursor && !searchString;
           initialResponseData = initialData.current;
+          isNewSearch ? setStatus('loading') : setStatus('loadingMore');
           _context.prev = 7;
           if (!(isRequestLikeInitialSearch && initialResponseData)) {
             _context.next = 12;
@@ -106,6 +106,13 @@ export var useFilterOptions = function useFilterOptions(_ref) {
             siteUrl: siteUrl
           }));
           mappedTotalCount = mapFieldValuesToTotalCount(response);
+          /**
+           * For assignee filter option, we want `Unassigned` as an option.
+           * Since we add it manually, we also need to update the total count by +1
+           */
+          if (filterType === 'assignee' && !searchString) {
+            mappedTotalCount += 1;
+          }
           if (isNewSearch) {
             if (isRequestLikeInitialSearch) {
               /**
@@ -120,7 +127,6 @@ export var useFilterOptions = function useFilterOptions(_ref) {
                */
               if (filterType === 'assignee') {
                 mappedResponse.unshift(getAssigneeUnassignedFilterOption(formatMessage));
-                mappedTotalCount += 1;
               }
             }
             setFilterOptions(mappedResponse);
@@ -130,18 +136,18 @@ export var useFilterOptions = function useFilterOptions(_ref) {
           setTotalCount(mappedTotalCount);
           setNextPageCursor(mapFieldValuesToPageCursor(response));
           setStatus('resolved');
-          _context.next = 32;
+          _context.next = 33;
           break;
-        case 28:
-          _context.prev = 28;
+        case 29:
+          _context.prev = 29;
           _context.t1 = _context["catch"](7);
           setStatus('rejected');
           setErrors([_context.t1]);
-        case 32:
+        case 33:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[7, 28]]);
+    }, _callee, null, [[7, 29]]);
   })), [cloudId, filterOptions, filterType, formatMessage, getFieldValues, siteUrl]);
   useEffect(function () {
     if (status !== 'rejected' && errors.length !== 0) {

package/dist/esm/ui/jira-issues-modal/initial-state-view/messages.js

@@ -11,12 +11,12 @@ export var initialStateViewMessages = defineMessages({
     defaultMessage: 'Beta'
   },
   searchDescriptionForBasicSearch: {
-    id: 'linkDataSource.modal-initial-state.searchDescription',
+    id: 'linkDataSource.modal-initial-state.searchDescription-basic',
     description: 'The initial modal search state helper message displayed under the search title when basic search mode is selected',
     defaultMessage: 'Search by keyword for issues to insert.'
   },
   searchDescriptionForJQLSearch: {
-    id: 'linkDataSource.modal-initial-state.searchDescription',
+    id: 'linkDataSource.modal-initial-state.searchDescription-jql',
     description: 'The initial modal search state helper message displayed under the search title when JQL search mode is selected',
     defaultMessage: 'Use JQL (Jira Query Language) to search for issues.'
   },

package/dist/esm/ui/jira-issues-modal/modal/index.js

@@ -13,6 +13,7 @@ import { FormattedMessage, FormattedNumber, useIntl } from 'react-intl-next';
 import { v4 as uuidv4 } from 'uuid';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import Button from '@atlaskit/button/standard-button';
+import { IntlMessagesProvider } from '@atlaskit/intl-messages-provider';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import LinkUrl from '@atlaskit/smart-card/link-url';
@@ -24,7 +25,9 @@ import { startUfoExperience } from '../../../analytics/ufoExperiences';
 import { useColumnPickerRenderedFailedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useColumnPickerRenderedFailedUfoExperience';
 import { useDataRenderedUfoExperience } from '../../../analytics/ufoExperiences/hooks/useDataRenderedUfoExperience';
 import { mapSearchMethod } from '../../../analytics/utils';
+import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
 import { useDatasourceTableState } from '../../../hooks/useDatasourceTableState';
+import i18nEN from '../../../i18n/en';
 import { getAvailableJiraSites } from '../../../services/getAvailableJiraSites';
 import { AccessRequired } from '../../common/error-state/access-required';
 import { ModalLoadingError } from '../../common/error-state/modal-loading-error';
@@ -67,7 +70,7 @@ var placeholderSmartLinkStyles = css({
   borderRadius: '3px',
   boxShadow: '0px 1px 1px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31)',
   color: "var(--ds-text-brand, ".concat(B400, ")"),
-  padding: '0px 2px'
+  padding: "0px ".concat("var(--ds-space-025, 2px)")
 });
 var issueCountStyles = css({
   flex: 1,
@@ -531,7 +534,10 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     }
     return issueLikeDataTableView;
   }, [columns.length, currentSearchMethod, issueLikeDataTableView, jql, jqlUrl, resolvedWithNoResults, responseItems.length, retrieveUrlForSmartCardRender, selectedJiraSite === null || selectedJiraSite === void 0 ? void 0 : selectedJiraSite.url, status, urlBeingEdited]);
-  return jsx(ModalTransition, null, jsx(Modal, {
+  return jsx(IntlMessagesProvider, {
+    defaultMessages: i18nEN,
+    loaderFn: fetchMessagesForLocale
+  }, jsx(ModalTransition, null, jsx(Modal, {
     testId: "jira-jql-datasource-modal",
     onClose: onCancel,
     width: "calc(100% - 80px)",
@@ -587,7 +593,7 @@ export var PlainJiraIssuesConfigModal = function PlainJiraIssuesConfigModal(prop
     onClick: onInsertPressed,
     isDisabled: isInsertDisabled,
     testId: "jira-jql-datasource-modal--insert-button"
-  }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText)))));
+  }, jsx(FormattedMessage, modalMessages.insertIssuesButtonText))))));
 };
 var analyticsContextAttributes = {
   dataProvider: 'jira-issues'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.19.23",
+  "version": "1.19.25",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"