@atlaskit/link-datasource 6.8.0 → 6.10.0

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

@@ -1,66 +1,17 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./index.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 { FormattedMessage, FormattedNumber } from 'react-intl';
+import { FormattedMessage } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Flex } from '@atlaskit/primitives/compiled';
-import LinkUrl from '@atlaskit/smart-card/link-url';
-import { footerMessages } from '../../../table-footer/messages';
+import { ItemCountWrapper } from './ItemCountWrapper';
 import { searchCountMessages } from './messages';
-var styles = {
-  searchCountStyles: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
-};
-var ItemCountWrapper = function ItemCountWrapper(_ref) {
+var TableSearchCount = function TableSearchCount(_ref) {
   var url = _ref.url,
+    searchCount = _ref.searchCount,
     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));
-};
-export var AssetsItemCount = function AssetsItemCount(_ref2) {
-  var searchCount = _ref2.searchCount,
-    url = _ref2.url,
-    testId = _ref2.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
-    }
-  })));
-};
-var TableSearchCount = function TableSearchCount(_ref3) {
-  var url = _ref3.url,
-    searchCount = _ref3.searchCount,
-    additionalStyles = _ref3.styles,
-    _ref3$testId = _ref3.testId,
-    testId = _ref3$testId === void 0 ? 'datasource-table-total-results-count' : _ref3$testId,
-    _ref3$prefixTextType = _ref3.prefixTextType,
-    prefixTextType = _ref3$prefixTextType === void 0 ? 'issue' : _ref3$prefixTextType;
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'datasource-table-total-results-count' : _ref$testId,
+    _ref$prefixTextType = _ref.prefixTextType,
+    prefixTextType = _ref$prefixTextType === void 0 ? 'issue' : _ref$prefixTextType;
   var isIssue = prefixTextType === 'issue';
   var messageKey = isIssue && fg('confluence-issue-terminology-refresh') ? 'issueCountTextIssueTermRefresh' : "".concat(prefixTextType, "CountText");
   return /*#__PURE__*/React.createElement(ItemCountWrapper, {

package/dist/esm/ui/confluence-search-modal/ConfluenceSearchConfigModalWithWrappers.js

@@ -0,0 +1,15 @@
+import React, { lazy, Suspense } from 'react';
+var LazyConfluenceSearchConfigModal = /*#__PURE__*/lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-confluencesearchmodal" */'./modal/ConfluenceSearchConfigModal').then(function (module) {
+    return {
+      default: module.ConfluenceSearchConfigModal
+    };
+  });
+});
+export var ConfluenceSearchConfigModalWithWrappers = function ConfluenceSearchConfigModalWithWrappers(props) {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      "data-testid": 'confluence-search-datasource-table-suspense'
+    })
+  }, /*#__PURE__*/React.createElement(LazyConfluenceSearchConfigModal, props));
+};

package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/getCurrentOptionLabel.js

@@ -0,0 +1,26 @@
+import { getFormattedDate } from '../../../../issue-like-table/render-type/date-time/getFormattedDate';
+import { getDropdownLabel } from './getDropdownLabel';
+import { dateRangeMessages } from './messages';
+export var getCurrentOptionLabel = function getCurrentOptionLabel(formatDate, formatMessage, value, to, from) {
+  var selectedOption = value;
+  if (selectedOption === 'custom') {
+    var hasFromDate = !!from;
+    var hasToDate = !!to;
+    var formattedFromDate = getFormattedDate(from || '', 'date', formatDate);
+    var formattedToDate = getFormattedDate(to || '', 'date', formatDate);
+    if (hasFromDate && !hasToDate) {
+      return formatMessage(dateRangeMessages.dateRangeAfterLabel, {
+        date: formattedFromDate
+      });
+    }
+    if (!hasFromDate && hasToDate) {
+      return formatMessage(dateRangeMessages.dateRangeBeforeLabel, {
+        date: formattedToDate
+      });
+    }
+    if (hasFromDate && hasToDate) {
+      return "".concat(formattedFromDate, " - ").concat(formattedToDate);
+    }
+  }
+  return getDropdownLabel(selectedOption, formatMessage);
+};

package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/getDropdownLabel.js

@@ -0,0 +1,15 @@
+import { dateRangeMessages } from './messages';
+export var getDropdownLabel = function getDropdownLabel() {
+  var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'anyTime';
+  var formatMessage = arguments.length > 1 ? arguments[1] : undefined;
+  var mapping = {
+    anyTime: 'dateRangeAnyTime',
+    today: 'dateRangeToday',
+    yesterday: 'dateRangeYesterday',
+    past7Days: 'dateRangeLastWeek',
+    past30Days: 'dateRangeLastMonth',
+    pastYear: 'dateRangeLastYear',
+    custom: 'dateRangeCustom'
+  };
+  return formatMessage(dateRangeMessages[mapping[option]]);
+};

package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.js

@@ -20,11 +20,13 @@ import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { Popup } from '@atlaskit/popup/popup';
 import { layers } from '@atlaskit/theme/constants';
 import { useDatasourceAnalyticsEvents } from '../../../../../analytics';
-import { dateRangeMessages } from './messages';
 import { PopupComponent } from './PopupComponent';
+import { getCurrentOptionLabel } from './getCurrentOptionLabel';
+import { getDropdownLabel } from './getDropdownLabel';
+import { dateRangeMessages } from './messages';
 import { CustomDropdownItem } from './styled';
 import { PopupTrigger } from './trigger';
-import { getCurrentOptionLabel, getDropdownLabel, useInvalidDateRange } from './utils';
+import { useInvalidDateRange } from './useInvalidDateRange';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
 var DateRangeErrorMessage = forwardRef(function (_ref, __cmplr) {

package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/useInvalidDateRange.js

@@ -0,0 +1,23 @@
+import React, { useMemo } from 'react';
+import { FormattedMessage } from 'react-intl';
+import { dateRangeMessages } from './messages';
+export var useInvalidDateRange = function useInvalidDateRange(from, to) {
+  return useMemo(function () {
+    if (!from && !to) {
+      return null;
+    }
+    var dateFrom = new Date("".concat(from).concat(from ? 'T00:00:00' : ''));
+    var dateTo = new Date("".concat(to).concat(to ? 'T00:00:00' : ''));
+    var now = new Date();
+    if (dateFrom > now) {
+      return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidDateAfterToday);
+    }
+    if (dateFrom > dateTo) {
+      return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidDateAfterEnd);
+    }
+    if (dateTo > now) {
+      return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidToDateAfterToday);
+    }
+    return null;
+  }, [from, to]);
+};

package/dist/esm/ui/confluence-search-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 { ConfluenceSearchConfigModalWithWrappers } from './ConfluenceSearchConfigModalWithWrappers';
 export var CONFLUENCE_SEARCH_DATASOURCE_ID = '768fc736-3af4-4a8f-b27e-203602bff8ca';
-var LazyConfluenceSearchConfigModal = /*#__PURE__*/lazy(function () {
-  return import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-confluencesearchmodal" */'./modal').then(function (module) {
-    return {
-      default: module.ConfluenceSearchConfigModal
-    };
-  });
-});
-var ConfluenceSearchConfigModalWithWrappers = function ConfluenceSearchConfigModalWithWrappers(props) {
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement("div", {
-      "data-testid": 'confluence-search-datasource-table-suspense'
-    })
-  }, /*#__PURE__*/React.createElement(LazyConfluenceSearchConfigModal, props));
-};
-export default ConfluenceSearchConfigModalWithWrappers;
+export default ConfluenceSearchConfigModalWithWrappers;
+
+/**
+ * @deprecated Use `import { ConfluenceSearchConfigModalWithWrappers } from '@atlaskit/link-datasource/confluence-search-config-modal-with-wrappers'` instead.
+ */
+export { ConfluenceSearchConfigModalWithWrappers } from './ConfluenceSearchConfigModalWithWrappers';
+/**
+ * @deprecated Use `import { ConfluenceSearchConfigModalWithWrappers } from '@atlaskit/link-datasource/confluence-search-config-modal-with-wrappers'` instead.
+ */
+export { ConfluenceSearchConfigModalWithWrappers as ConfluenceSearchConfigModal } from './ConfluenceSearchConfigModalWithWrappers';

package/dist/esm/ui/confluence-search-modal/modal/ConfluenceSearchConfigModal.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { StoreContainer } from '../../../state';
+import { createDatasourceModal } from '../../common/modal/datasource-modal/createDatasourceModal';
+import { PlainConfluenceSearchConfigModal } from './PlainConfluenceSearchConfigModal';
+var isValidParameters = function isValidParameters(parameters) {
+  return !!(parameters && parameters.cloudId && Object.values(parameters).filter(function (v) {
+    return v !== undefined;
+  }).length > 1);
+};
+var ConnectedConfluenceSearchConfigModal = createDatasourceModal({
+  isValidParameters: isValidParameters,
+  dataProvider: 'confluence-search',
+  component: PlainConfluenceSearchConfigModal
+});
+export var ConfluenceSearchConfigModal = function ConfluenceSearchConfigModal(props) {
+  return /*#__PURE__*/React.createElement(StoreContainer, null, /*#__PURE__*/React.createElement(ConnectedConfluenceSearchConfigModal, _extends({}, props, {
+    /**
+     * If the intial parameters are not valid, we will not initialise the modal state
+     * with `overrideParameters`. This is to allow the modal to be opened without
+     * any initial parameters and require the user to perform a search.
+     */
+    parameters: props.overrideParameters && isValidParameters(props.parameters) ? _objectSpread(_objectSpread({}, props.parameters), props.overrideParameters) : props.parameters
+  })));
+};

package/dist/esm/ui/confluence-search-modal/modal/{index.js → PlainConfluenceSearchConfigModal.js}

@@ -1,7 +1,7 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
+/* PlainConfluenceSearchConfigModal.tsx generated by @compiled/babel-plugin v2.0.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "./index.compiled.css";
+import "./PlainConfluenceSearchConfigModal.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; }
@@ -21,10 +21,9 @@ import { useDatasourceAnalyticsEvents } from '../../../analytics';
 import { DatasourceAction, DatasourceSearchMethod } from '../../../analytics/types';
 import { RichIconSearch } from '../../../common/ui/rich-icon/search';
 import { fetchMessagesForLocale } from '../../../common/utils/locale/fetch-messages-for-locale';
-import { useUserInteractions } from '../../../contexts/user-interactions';
+import { useUserInteractions } from '../../../contexts/user-interactions/use-user-interactions';
 import i18nEN from '../../../i18n/en';
 import { useAvailableSites } from '../../../services/useAvailableSites';
-import { StoreContainer } from '../../../state';
 import { AccessRequired } from '../../common/error-state/access-required';
 import { ModalLoadingError } from '../../common/error-state/modal-loading-error';
 import { NoInstancesView } from '../../common/error-state/no-instances';
@@ -32,13 +31,13 @@ import { NoResults } from '../../common/error-state/no-results';
 import { InitialStateView } from '../../common/initial-state-view';
 import { CancelButton } from '../../common/modal/cancel-button';
 import { ContentContainer } from '../../common/modal/content-container';
-import { SmartCardPlaceholder, SmartLink } from '../../common/modal/count-view-smart-link';
-import { useDatasourceContext } from '../../common/modal/datasource-context';
+import { SmartCardPlaceholder } from '../../common/modal/count-view-smart-link/smart-card-placeholder';
+import { SmartLink } from '../../common/modal/count-view-smart-link/smart-link';
+import { useDatasourceContext } from '../../common/modal/datasource-context/useDatasourceContext';
 import { DatasourceModal } from '../../common/modal/datasource-modal';
-import { createDatasourceModal } from '../../common/modal/datasource-modal/createDatasourceModal';
 import DatasourcesTableInModalPreview from '../../common/modal/datasources-table-in-modal-preview';
 import { InsertButton } from '../../common/modal/insert-button';
-import { DatasourceViewModeDropDown } from '../../common/modal/mode-switcher';
+import { DatasourceViewModeDropDown } from '../../common/modal/mode-switcher/DatasourceViewModeDropDown';
 import { useViewModeContext } from '../../common/modal/mode-switcher/useViewModeContext';
 import TableSearchCount from '../../common/modal/search-count';
 import { SiteSelector } from '../../common/modal/site-selector';
@@ -51,11 +50,6 @@ var styles = {
   flexStyles: "_2lx21sbv _1bsb1osq",
   viewModeContainer: "_zulpu2gc _4cvr1h6o"
 };
-var isValidParameters = function isValidParameters(parameters) {
-  return !!(parameters && parameters.cloudId && Object.values(parameters).filter(function (v) {
-    return v !== undefined;
-  }).length > 1);
-};
 export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConfigModal(props) {
   var onCancel = props.onCancel,
     urlBeingEdited = props.url,
@@ -388,19 +382,4 @@ export var PlainConfluenceSearchConfigModal = function PlainConfluenceSearchConf
     url: confluenceSearchUrl,
     getAnalyticsPayload: getButtonAnalyticsPayload
   }, /*#__PURE__*/React.createElement(FormattedMessage, confluenceSearchModalMessages.insertResultsButtonText)))));
-};
-var ConnectedConfluenceSearchConfigModal = createDatasourceModal({
-  isValidParameters: isValidParameters,
-  dataProvider: 'confluence-search',
-  component: PlainConfluenceSearchConfigModal
-});
-export var ConfluenceSearchConfigModal = function ConfluenceSearchConfigModal(props) {
-  return /*#__PURE__*/React.createElement(StoreContainer, null, /*#__PURE__*/React.createElement(ConnectedConfluenceSearchConfigModal, _extends({}, props, {
-    /**
-     * If the intial parameters are not valid, we will not initialise the modal state
-     * with `overrideParameters`. This is to allow the modal to be opened without
-     * any initial parameters and require the user to perform a search.
-     */
-    parameters: props.overrideParameters && isValidParameters(props.parameters) ? _objectSpread(_objectSpread({}, props.parameters), props.overrideParameters) : props.parameters
-  })));
 };

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

@@ -0,0 +1,15 @@
+import React, { lazy, Suspense } from 'react';
+var LazyDatasourceTableView = /*#__PURE__*/lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-tableview" */'./datasourceTableView').then(function (module) {
+    return {
+      default: module.DatasourceTableView
+    };
+  });
+});
+export var DatasourceTableViewWithWrappers = function DatasourceTableViewWithWrappers(props) {
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: /*#__PURE__*/React.createElement("div", {
+      "data-testid": 'datasource-table-view-suspense'
+    })
+  }, /*#__PURE__*/React.createElement(LazyDatasourceTableView, props));
+};

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

@@ -11,11 +11,12 @@ import IntlMessagesProvider from '@atlaskit/intl-messages-provider/main';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
 import { componentMetadata } from '../../analytics/constants';
-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 { DatasourceExperienceIdProvider, useDatasourceExperienceId } from '../../contexts/datasource-experience-id';
+import { DatasourceExperienceIdProvider } from '../../contexts/datasource-experience-id/datasource-experience-id-provider';
+import { useDatasourceExperienceId } from '../../contexts/datasource-experience-id/use-datasource-experience-id';
 import { useDatasourceTableState } from '../../hooks/useDatasourceTableState';
 import { useDeepEffect } from '../../hooks/useDeepEffect';
 import { useIsInPDFRender } from '../../hooks/useIsInPDFRender';
@@ -26,8 +27,8 @@ import { AccessRequired } from '../common/error-state/access-required';
 import { LoadingError } from '../common/error-state/loading-error';
 import { NoResults } from '../common/error-state/no-results';
 import { ProviderAuthRequired } from '../common/error-state/provider-auth-required';
-import { IssueLikeDataTableView } from '../issue-like-table';
 import EmptyState from '../issue-like-table/empty-state';
+import { IssueLikeDataTableView } from '../issue-like-table/issue-like-data-table-view';
 import { TableFooter } from '../table-footer';
 import { getDatasourceColumnSortGetter } from './datasource-column-sort';
 var containerStyles = null;
@@ -98,9 +99,9 @@ var DatasourceTableViewWithoutAnalytics = function DatasourceTableViewWithoutAna
   var visibleColumnCount = useRef((visibleColumnKeys === null || visibleColumnKeys === void 0 ? void 0 : visibleColumnKeys.length) || 0);
 
   /*  Need this to make sure that the datasource in the editor gets updated new info if any edits are made in the modal
-       But we don't want to call it on initial load. This screws up useDatasourceTableState's internal
-       mechanism of initial loading. Use of ref here makes it basically work as a `componentDidUpdate` but not `componentDidMount`
-    */
+  		But we don't want to call it on initial load. This screws up useDatasourceTableState's internal
+  		mechanism of initial loading. Use of ref here makes it basically work as a `componentDidUpdate` but not `componentDidMount`
+   */
   var isInitialRender = useRef(true);
   var hasColumns = !!columns.length;
   var isDataReady = hasColumns && responseItems.length > 0 && totalCount && totalCount > 0;

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

@@ -1,16 +1,13 @@
-import React, { lazy, Suspense } from 'react';
-var LazyDatasourceTableView = /*#__PURE__*/lazy(function () {
-  return import( /* webpackChunkName: "@atlaskit-internal_linkdatasource-tableview" */'./datasourceTableView').then(function (module) {
-    return {
-      default: module.DatasourceTableView
-    };
-  });
-});
-var DatasourceTableViewWithWrappers = function DatasourceTableViewWithWrappers(props) {
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement("div", {
-      "data-testid": 'datasource-table-view-suspense'
-    })
-  }, /*#__PURE__*/React.createElement(LazyDatasourceTableView, props));
-};
-export default DatasourceTableViewWithWrappers;
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required -- VOLTC-139 tracks removal of these deprecated re-export shims. */
+
+import { DatasourceTableViewWithWrappers } from './DatasourceTableViewWithWrappers';
+export default DatasourceTableViewWithWrappers;
+
+/**
+ * @deprecated Use `import { DatasourceTableViewWithWrappers } from '@atlaskit/link-datasource/datasource-table-view-with-wrappers'` instead.
+ */
+export { DatasourceTableViewWithWrappers } from './DatasourceTableViewWithWrappers';
+/**
+ * @deprecated Use `import { DatasourceTableViewWithWrappers } from '@atlaskit/link-datasource/datasource-table-view-with-wrappers'` instead.
+ */
+export { DatasourceTableViewWithWrappers as DatasourceTableView } from './DatasourceTableViewWithWrappers';

package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.compiled.css

@@ -1,9 +1,3 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
-._bfhkufnl{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
 ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
-._syazazsu{color:var(--ds-text-subtle,#505258)}
-._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
-._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
-._1di61gdz:active{background-color:var(--ds-background-neutral-pressed,#080f214a)}
-._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}
+._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.js

@@ -1,20 +1,15 @@
 /* concatenated-menu-list.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"],
-  _excluded2 = ["children"];
+var _excluded = ["children"];
 import "./concatenated-menu-list.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage } from 'react-intl';
-import { CheckboxOption } from '@atlaskit/select/checkbox-option';
 import { components } from '@atlaskit/react-select/components';
 import { columnPickerMessages } from './messages';
 export var SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
 var messageStyles = null;
-var listItemStylesFocusedSelected = null;
-var listItemStylesSelected = null;
-var listItemStyles = null;
 export var ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -35,11 +30,4 @@ export var ConcatenatedMenuList = function ConcatenatedMenuList(_ref) {
     tagName: 'div'
   }, columnPickerMessages.maximumItemsShownLine2)));
   return /*#__PURE__*/React.createElement(components.MenuList, props, children.slice(0, SELECT_ITEMS_MAXIMUM_THRESHOLD), maximumLimitReachedMessage);
-};
-export var MenuItem = function MenuItem(_ref2) {
-  var children = _ref2.children,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(CheckboxOption, _extends({}, props, {
-    className: ax([props.isSelected ? "_bfhk15s3 _irr3ufnl _1di6nozp" : "_irr3plhp _1di61gdz", props.isSelected && props.isFocused && "_bfhkufnl"])
-  }), children);
 };

package/dist/esm/ui/issue-like-table/column-picker/index.js

@@ -8,6 +8,7 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntl } from 'react-intl';
+import { mergeRefs } from 'use-callback-ref';
 import Button from '@atlaskit/button/default/button';
 import IconButton from '@atlaskit/button/icon/button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
@@ -18,9 +19,10 @@ import { Box } from '@atlaskit/primitives/compiled';
 import { createFilter } from '@atlaskit/react-select/filters';
 import { PopupSelect } from '@atlaskit/select/popup-select';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { succeedUfoExperience } from '../../../analytics/ufoExperiences';
-import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id';
-import { ConcatenatedMenuList, MenuItem } from './concatenated-menu-list';
+import { succeedUfoExperience } from '../../../analytics/ufoExperiences/succeedUfoExperience';
+import { useDatasourceExperienceId } from '../../../contexts/datasource-experience-id/use-datasource-experience-id';
+import { ConcatenatedMenuList } from './concatenated-menu-list';
+import { MenuItem } from './menu-item';
 import { columnPickerMessages } from './messages';
 var styles = {
   customizeIcon: "_s7n4nkob"
@@ -159,6 +161,11 @@ export var ColumnPicker = function ColumnPicker(_ref) {
         content: intl.formatMessage(columnPickerMessages.tooltip)
       }, function (tooltipProps) {
         return /*#__PURE__*/React.createElement(Button, _extends({}, tooltipProps, triggerProps, {
+          // `tooltipProps.ref` must be included: spreading `triggerProps` after
+          // `tooltipProps` drops the tooltip's ref, leaving Tooltip without an
+          // anchor element. Gate off leaves `triggerProps.ref` winning, exactly as
+          // master does.
+          ref: fg('platform-dst-top-layer-tooltip') ? mergeRefs([triggerProps.ref, tooltipProps.ref]) : triggerProps.ref,
           isSelected: isOpen,
           spacing: "compact",
           appearance: 'default',

package/dist/esm/ui/issue-like-table/column-picker/menu-item.compiled.css

@@ -0,0 +1,5 @@
+._bfhk15s3{background-color:var(--ds-background-selected,#e9f2fe)}
+._bfhkufnl{background-color:var(--ds-background-selected-hovered,#cfe1fd)}
+._irr3plhp:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
+._irr3ufnl:hover{background-color:var(--ds-background-selected-hovered,#cfe1fd)}._1di61gdz:active{background-color:var(--ds-background-neutral-pressed,#080f214a)}
+._1di6nozp:active{background-color:var(--ds-background-selected-pressed,#8fb8f6)}

package/dist/esm/ui/issue-like-table/column-picker/menu-item.js

@@ -0,0 +1,18 @@
+/* menu-item.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 "./menu-item.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { CheckboxOption } from '@atlaskit/select/checkbox-option';
+var listItemStylesFocusedSelected = null;
+var listItemStylesSelected = null;
+var listItemStyles = null;
+export var MenuItem = function MenuItem(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(CheckboxOption, _extends({}, props, {
+    className: ax([props.isSelected ? "_bfhk15s3 _irr3ufnl _1di6nozp" : "_irr3plhp _1di61gdz", props.isSelected && props.isFocused && "_bfhkufnl"])
+  }), children);
+};

package/dist/esm/ui/issue-like-table/draggable-table-heading.js

@@ -26,16 +26,19 @@ import ChevronUp from '@atlaskit/icon/core/chevron-up';
 import { attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/attach-closest-edge';
 import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge/extract-closest-edge';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
 import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element-adapter';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/utils/combine';
 import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/disable-native-drag-preview';
 import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/pointer-outside-of-preview';
-import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview';
 import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/utils/prevent-unhandled';
+import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/utils/set-custom-native-drag-preview';
 import { useDatasourceAnalyticsEvents } from '../../analytics';
-import { GlyphPlaceholder, UnwrapTextIcon, WrapTextIcon } from './custom-icons';
+import { getColumnMinWidth } from './get-column-min-width';
+import { getWidthCss } from './get-width-css';
+import { GlyphPlaceholder } from './glyph-placeholder';
 import { issueLikeTableMessages } from './messages';
-import { getColumnMinWidth, getWidthCss } from './utils';
+import { UnwrapTextIcon } from './unwrap-text-icon';
+import { WrapTextIcon } from './wrap-text-icon';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
 var TableHeading = forwardRef(function (_ref, __cmplr) {

package/dist/esm/ui/issue-like-table/edit-type/editType.js

@@ -0,0 +1,84 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
+import _extends from "@babel/runtime/helpers/extends";
+var _excluded = ["value"];
+import React from 'react';
+import IconEditType from './icon';
+import StatusEditType from './status';
+import TextEditType from './text';
+import { toValueType } from './toValueType';
+import UserEditType from './user';
+import { ACTIVE_INLINE_EDIT_ID } from './index';
+export var editType = function editType(_ref) {
+  var _toValueType, _value$atlassianUserI;
+  var defaultValue = _ref.defaultValue,
+    currentValue = _ref.currentValue,
+    labelId = _ref.labelId,
+    setEditValues = _ref.setEditValues,
+    executeFetch = _ref.executeFetch;
+  switch (defaultValue.type) {
+    case 'string':
+      return {
+        defaultValue: (_toValueType = toValueType(defaultValue)) !== null && _toValueType !== void 0 ? _toValueType : '',
+        editView: function editView(_ref2) {
+          var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
+          return /*#__PURE__*/React.createElement(TextEditType, _extends({}, fieldProps, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID,
+            labelId: labelId
+          }));
+        }
+      };
+    case 'icon':
+      return {
+        defaultValue: toValueType(defaultValue),
+        editView: function editView(_ref3) {
+          var value = _ref3.value,
+            fieldProps = _objectWithoutProperties(_ref3, _excluded);
+          return /*#__PURE__*/React.createElement(IconEditType, _extends({}, fieldProps, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID,
+            executeFetch: executeFetch,
+            labelId: labelId
+          }));
+        }
+      };
+    case 'status':
+      return {
+        defaultValue: toValueType(defaultValue),
+        editView: function editView(_ref4) {
+          var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref4), _ref4));
+          return /*#__PURE__*/React.createElement(StatusEditType, _extends({}, fieldProps, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID,
+            executeFetch: executeFetch,
+            labelId: labelId
+          }));
+        }
+      };
+    case 'user':
+      var value = toValueType(defaultValue);
+      return {
+        defaultValue: (_value$atlassianUserI = value === null || value === void 0 ? void 0 : value.atlassianUserId) !== null && _value$atlassianUserI !== void 0 ? _value$atlassianUserI : '',
+        editView: function editView(_ref5) {
+          var fieldProps = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
+          return /*#__PURE__*/React.createElement(UserEditType, _extends({}, fieldProps, {
+            currentValue: currentValue,
+            setEditValues: setEditValues,
+            id: ACTIVE_INLINE_EDIT_ID,
+            executeFetch: executeFetch,
+            labelId: labelId
+          }));
+        }
+      };
+  }
+  return {
+    defaultValue: '',
+    editView: function editView() {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+  };
+};